
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>ext4yii Documentation</title>
    <meta name="keywords" content="documentation,dox" />
    <meta name="description" content="Generate your documentation." />
    <script src="assets/prettify.js"></script>
    <script src="assets/jquery-1.8.2.min.js"></script>
    <script src="bootstrap/js/bootstrap.js"></script>
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-responsive.min.css" />
    <link rel="stylesheet" type="text/css" href="assets/base.css" />
  </head>
  <body>
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="brand" href="./index.html">ext4yii</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
            
              <li>
                <a href="./index.html">API Docs</a>
              </li>
            
              <li>
                <a href="https://git.oschina.net/shanzhi/ext4yii/">Git</a>
              </li>
            
            
            </ul>
          </div>
        </div>
      </div>
    </div>
    <header class="jumbotron subhead">
      <div class="container">
        <h1>ext4yii <small>Version: 0.1.0 By @shanzz</small></h1>
        <p class="lead">
          快速生成extjs代码的yii框架扩展
        </p>
      </div>
    </header>
<div class="container content">
  <div class="row">
  	<div class="span3 bs-docs-sidebar">
      <ul class="nav nav-list bs-docs-sidenav ">



  
  <li class="level_2">
    <a href="#head" title="head"><i class="icon-chevron-right"></i>head</a>
  </li>
  
  <li class="level_2">
    <a href="#include" title="include"><i class="icon-chevron-right"></i>include</a>
  </li>
  
  <li class="level_2">
    <a href="#body" title="body"><i class="icon-chevron-right"></i>body</a>
  </li>
  


  <li class="level_2">
    <a href="#tabpanel" title="tabpanel"><i class="icon-chevron-right"></i>tabpanel</a>
  </li>
  
  <li class="level_2">
    <a href="#combobox" title="combobox"><i class="icon-chevron-right"></i>combobox</a>
  </li>
  
  <li class="level_2">
    <a href="#docked" title="docked"><i class="icon-chevron-right"></i>docked</a>
  </li>
  
  <li class="level_2">
    <a href="#checkboxgroup" title="checkboxgroup"><i class="icon-chevron-right"></i>checkboxgroup</a>
  </li>
  
  <li class="level_2">
    <a href="#tool" title="tool"><i class="icon-chevron-right"></i>tool</a>
  </li>
  
  <li class="level_2">
    <a href="#tab" title="tab"><i class="icon-chevron-right"></i>tab</a>
  </li>
  
  <li class="level_2">
    <a href="#numberfield" title="numberfield"><i class="icon-chevron-right"></i>numberfield</a>
  </li>
  
  <li class="level_2">
    <a href="#displayfield" title="displayfield"><i class="icon-chevron-right"></i>displayfield</a>
  </li>
  
  <li class="level_2">
    <a href="#htmleditor" title="htmleditor"><i class="icon-chevron-right"></i>htmleditor</a>
  </li>
  
  <li class="level_2">
    <a href="#component" title="component"><i class="icon-chevron-right"></i>component</a>
  </li>
  
  <li class="level_2">
    <a href="#button" title="button"><i class="icon-chevron-right"></i>button</a>
  </li>
  
  <li class="level_2">
    <a href="#action" title="action"><i class="icon-chevron-right"></i>action</a>
  </li>
  
  <li class="level_2">
    <a href="#on" title="on"><i class="icon-chevron-right"></i>on</a>
  </li>
  
  <li class="level_2">
    <a href="#radioboxgroup" title="radioboxgroup"><i class="icon-chevron-right"></i>radioboxgroup</a>
  </li>
  
  <li class="level_2">
    <a href="#rowset2" title="rowset2"><i class="icon-chevron-right"></i>rowset2</a>
  </li>
  
  <li class="level_2">
    <a href="#dataview" title="dataview"><i class="icon-chevron-right"></i>dataview</a>
  </li>
  
  <li class="level_2">
    <a href="#option" title="option"><i class="icon-chevron-right"></i>option</a>
  </li>
  
  <li class="level_2">
    <a href="#selmodel" title="selmodel"><i class="icon-chevron-right"></i>selmodel</a>
  </li>
  
  <li class="level_2">
    <a href="#treepicker" title="treepicker"><i class="icon-chevron-right"></i>treepicker</a>
  </li>
  
  <li class="level_2">
    <a href="#editing" title="editing"><i class="icon-chevron-right"></i>editing</a>
  </li>
  
  <li class="level_2">
    <a href="#menu" title="menu"><i class="icon-chevron-right"></i>menu</a>
  </li>
  
  <li class="level_2">
    <a href="#rowset" title="rowset"><i class="icon-chevron-right"></i>rowset</a>
  </li>
  
  <li class="level_2">
    <a href="#menuitem" title="menuitem"><i class="icon-chevron-right"></i>menuitem</a>
  </li>
  
  <li class="level_2">
    <a href="#textareafield" title="textareafield"><i class="icon-chevron-right"></i>textareafield</a>
  </li>
  
  <li class="level_2">
    <a href="#treepanel" title="treepanel"><i class="icon-chevron-right"></i>treepanel</a>
  </li>
  
  <li class="level_2">
    <a href="#iframe" title="iframe"><i class="icon-chevron-right"></i>iframe</a>
  </li>
  
  <li class="level_2">
    <a href="#window" title="window"><i class="icon-chevron-right"></i>window</a>
  </li>
  
  <li class="level_2">
    <a href="#formpanel" title="formpanel"><i class="icon-chevron-right"></i>formpanel</a>
  </li>
  
  <li class="level_2">
    <a href="#container" title="container"><i class="icon-chevron-right"></i>container</a>
  </li>
  
  <li class="level_2">
    <a href="#column" title="column"><i class="icon-chevron-right"></i>column</a>
  </li>
  
  <li class="level_2">
    <a href="#datefield" title="datefield"><i class="icon-chevron-right"></i>datefield</a>
  </li>
  
  <li class="level_2">
    <a href="#xtemplate" title="xtemplate"><i class="icon-chevron-right"></i>xtemplate</a>
  </li>
  
  <li class="level_2">
    <a href="#triggerfield" title="triggerfield"><i class="icon-chevron-right"></i>triggerfield</a>
  </li>
  
  <li class="level_2">
    <a href="#panel" title="panel"><i class="icon-chevron-right"></i>panel</a>
  </li>
  
  <li class="level_2">
    <a href="#plugins" title="plugins"><i class="icon-chevron-right"></i>plugins</a>
  </li>
  
  <li class="level_2">
    <a href="#radiobox" title="radiobox"><i class="icon-chevron-right"></i>radiobox</a>
  </li>
  
  <li class="level_2">
    <a href="#hiddenfield" title="hiddenfield"><i class="icon-chevron-right"></i>hiddenfield</a>
  </li>
  
  <li class="level_2">
    <a href="#toggle" title="toggle"><i class="icon-chevron-right"></i>toggle</a>
  </li>
  
  <li class="level_2">
    <a href="#layout" title="layout"><i class="icon-chevron-right"></i>layout</a>
  </li>
  
  <li class="level_2">
    <a href="#fieldset" title="fieldset"><i class="icon-chevron-right"></i>fieldset</a>
  </li>
  
  <li class="level_2">
    <a href="#viewport" title="viewport"><i class="icon-chevron-right"></i>viewport</a>
  </li>
  
  <li class="level_2">
    <a href="#filefield" title="filefield"><i class="icon-chevron-right"></i>filefield</a>
  </li>
  
  <li class="level_2">
    <a href="#treenode" title="treenode"><i class="icon-chevron-right"></i>treenode</a>
  </li>
  
  <li class="level_2">
    <a href="#dockeditem" title="dockeditem"><i class="icon-chevron-right"></i>dockeditem</a>
  </li>
  
  <li class="level_2">
    <a href="#textfield" title="textfield"><i class="icon-chevron-right"></i>textfield</a>
  </li>
  
  <li class="level_2">
    <a href="#fillfield" title="fillfield"><i class="icon-chevron-right"></i>fillfield</a>
  </li>
  
  <li class="level_2">
    <a href="#onready" title="onready"><i class="icon-chevron-right"></i>onready</a>
  </li>
  
  <li class="level_2">
    <a href="#checkbox" title="checkbox"><i class="icon-chevron-right"></i>checkbox</a>
  </li>
  
  <li class="level_2">
    <a href="#gridpanel" title="gridpanel"><i class="icon-chevron-right"></i>gridpanel</a>
  </li>
  

</ul>

    </div>
    <div class="span9">
      <section>
        <h1>ext4yii 快速生成extjs代码</h1>


  	
  	<h2 id="head">head</h2>
	<p>Head标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>title</td>
			<td>false</td>
			<td>title标记的属性值。缺省值：""。</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="include">include</h2>
	<p>import标签：资源导入</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>lib</td>
			<td>false</td>
			<td>打包引入WebUI库所需资源。缺省值：""；引入多个lib可用逗号分割。可选值：ext | bootstrap | jquery| jqueryui | buttons | raphael。
			</td>
		</tr>
				<tr>
			<td>js</td>
			<td>false</td>
			<td>引入JS资源。缺省值：""；只能导入单个资源。可选值：JS资源文件路径。</td>
		</tr>
				<tr>
			<td>css</td>
			<td>false</td>
			<td>引入CSS资源。缺省值：""；只能导入单个资源可选值：CSS资源文件路径。</td>
		</tr>
				<tr>
			<td>var</td>
			<td>false</td>
			<td>导入页面变量。可选值：user(导出用户及其配置信息) | syscfg(导系统配置信息)。获取方式：App.User.***; App.User.Cfg.***; App.SysCfg.***。</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="body">body</h2>
	<p>Body标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>生成html dom文档的id属性。缺省值:""。</td>
		</tr>
				<tr>
			<td>class2</td>
			<td>false</td>
			<td>生成html dom文档的class属性。缺省值:""。</td>
		</tr>
				<tr>
			<td>backGround</td>
			<td>false</td>
			<td>根据皮肤自动选择合适的背景平铺页面。可选值：true | false。缺省值：false。</td>
		</tr>
				</tbody>
	</table>

  	<h2 id="tabpanel">tabpanel</h2>
	<p>TabPanel标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>title</td>
			<td>false</td>
			<td>
			    显示在面板头部的文本标题(默认为'')。如有指定了titile那么头部元素header会自动生成和显示，除非header强制设为false。如果你不想在写配置时指定好title， 不过想在后面才加入的话，你必须先指定一个非空的标题（具体说是空白字符''亦可或header：true），这样才保证容器元素生成出来。提示：缺省标题为常规字体，如果想显示为加粗字体，可以在标题文本前加语义表达式!。如:title="!我是粗体标题"。
			</td>
		</tr>
				<tr>
			<td>collapsible</td>
			<td>false</td>
			<td>
			    True表示为面板是可收缩的，并自动渲染一个展开/收缩的轮换按钮在头部工具条。false表示为保持面板为一个静止的尺寸（缺省为false）。
			</td>
		</tr>
				<tr>
			<td>collapsed</td>
			<td>false</td>
			<td>
			    True 表示为渲染面板后即闭合（默认为false）。
			</td>
		</tr>
				<tr>
			<td>titleCollapse</td>
			<td>false</td>
			<td>
			    True表示为允许单击头部区域任何一个位置都可收缩面板（当collapsible = true）反之只允许单击工具按钮（默认为false）。提示：Accordion布局的时候默认为true。
			</td>
		</tr>
				<tr>
			<td>bodyStyle</td>
			<td>false</td>
			<td>
			    应用于该组件的Body元素的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>bodyPadding</td>
			<td>false</td>
			<td>
			    设置容器body区域的内边距。在body元素上设置padding样式的快捷方式。这个值可以是一个数字被应用到所有的边界， 或者是一个正规的CSS字符串用于设定padding。默认为undefined。
			</td>
		</tr>
				<tr>
			<td>headerBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的Header边框(标题所占区域)。防止组件边框重叠。设置方法:headerBorder="0 0 1"代表顺序(top right left)。提示：无bottom边框，数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>bodyBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的body边框(主体区域)。防止组件边框重叠。设置方法:bodyBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>splitterBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件之间手动滑柄栏的边框。防止组件边框重叠。设置方法:splitterBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>closable</td>
			<td>false</td>
			<td>
			    组件显示关闭图标。缺省调用close方法，这将销毁组件中的元素不能再被使用。
			</td>
		</tr>
				<tr>
			<td>closeAction</td>
			<td>false</td>
			<td>
			    当标题头的关闭按钮被单击这个动作将被执行。可选：destroy|hide。默认：hide。
			</td>
		</tr>
				<tr>
			<td>collapseMode</td>
			<td>false</td>
			<td>
			    Border布局下组件折叠收缩模式。header：收缩后显示头部栏位。mini：收缩后不显示头部栏位。
			</td>
		</tr>
				<tr>
			<td>header</td>
			<td>false</td>
			<td>
			    通过设置false来阻止面板型组件的标题头被创建与渲染，默认为true。
			</td>
		</tr>
				<tr>
			<td>autoShow</td>
			<td>false</td>
			<td>
			    True：自动构造和渲染组件到页面主体区域。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>layout</td>
			<td>false</td>
			<td>
			    此容器所使用的布局类型。常规容器缺省布局：auto；表单系列的布局面板使用的缺省布局：column。可选值：accordion|anchor|absolute|border|card|column|fit|form|table|auto|hbox|vbox。
			</td>
		</tr>
				<tr>
			<td>constrain</td>
			<td>false</td>
			<td>
			    设置是否禁止在组件内容溢出时父容器是包容隐藏子组件。缺省值：在window组件和FormPanel组件中为true，其它容器组件为空。
			</td>
		</tr>
				<tr>
			<td>split</td>
			<td>false</td>
			<td>
			    布局辅助项。split:true属性的区域都将得到 一个Splitter并允许手动调整大小。(除中心区域) 缺省：false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    此属性在使用anchor布局及其子布局的容器的子组件中配置。 模式1：百分比， 例如:anchor="100% 50%" 表示子组件的宽度为即等于容器的宽度, 高度为容器的1/2。 模式2：偏移量，例如anchor="-50 -100" 表示子组件的宽度为容器的宽度减50px, 高度为容器的高度减100px. 模式3：混合模式，例如anchor="-50 75%"。
			</td>
		</tr>
				<tr>
			<td>x</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器左边距的距离。
			</td>
		</tr>
				<tr>
			<td>y</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器上边距的距离。
			</td>
		</tr>
				<tr>
			<td>rowspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨行数目。
			</td>
		</tr>
				<tr>
			<td>colspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨列数目。
			</td>
		</tr>
				<tr>
			<td>flex</td>
			<td>false</td>
			<td>
			    vbox|hbox布局专用属性，根据当前子项的flex值与所有其他含flex值子项的值的和 的相对比例进行伸缩('hbox'中横向, 'vbox'中纵向). 任何'flex=0'或'flex=undefined'的子项将不被伸缩(即组件原始尺寸不会被修改)。
			</td>
		</tr>
				<tr>
			<td>onactivate</td>
			<td>false</td>
			<td>
			    组件激活后触发。
			</td>
		</tr>
				<tr>
			<td>onclose</td>
			<td>false</td>
			<td>
			    可关闭组件关闭后触发。
			</td>
		</tr>
				<tr>
			<td>oncollapse</td>
			<td>false</td>
			<td>
			    可折叠组件折叠后触发。
			</td>
		</tr>
				<tr>
			<td>onexpand</td>
			<td>false</td>
			<td>
			    可展开组件展开后触发。
			</td>
		</tr>
				<tr>
			<td>onhide</td>
			<td>false</td>
			<td>
			    组件隐藏后触发。
			</td>
		</tr>
				<tr>
			<td>onrender</td>
			<td>false</td>
			<td>
			    组件被渲染后触发。
			</td>
		</tr>
				<tr>
			<td>onshow</td>
			<td>false</td>
			<td>
			    组件被显示后触发。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>activeTab</td>
			<td>false</td>
			<td>
			    当前活动的选项卡。可以是选项卡索引，索引下标从0开始。也可以是选项卡的id值。缺省显示第一个选项卡。
			</td>
		</tr>
				<tr>
			<td>plain</td>
			<td>false</td>
			<td>
			    是否屏蔽选项卡栏的背景。true：不显示背景。可选值：true|false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>tabBarHeight</td>
			<td>false</td>
			<td>
			    设置选项标题的高度。缺省为22。提示：高度增高后，在Tab多而溢出时像左向右滚动箭头会有一个空隙。但如下几个高度值例外(做了特殊处理)：22|25|30|35，建议使用这几个高度。
			</td>
		</tr>
				<tr>
			<td>activeTabBarColor</td>
			<td>false</td>
			<td>
			    活动页的上边框高亮醒目颜色。如：activeTabBarColor="green"或activeTabBarColor="#0099FF"。缺省值：#0099FF(靓丽的蓝色)。
			</td>
		</tr>
				<tr>
			<td>tabPosition</td>
			<td>false</td>
			<td>
			    Tab选项卡栏位显示位置。可选值：top|bottom。缺省值：top。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="combobox">combobox</h2>
	<p>ComboBox标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>instance</td>
			<td>false</td>
			<td>
			    是否实例化。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>name</td>
			<td>false</td>
			<td>
			    表单项名称。name作为表单提交的参数名称。
			</td>
		</tr>
				<tr>
			<td>value</td>
			<td>false</td>
			<td>
			    表单项的初始化值。
			</td>
		</tr>
				<tr>
			<td>emptyText</td>
			<td>false</td>
			<td>
			    放置到空表单项中的默认文本(默认为null)。注意: 如果当前表单栏处于有效状态并且被配置了一个名称，那么此值会被 提交到服务器。 为了防止提交可以设置Ext.form.Basic.submit中的submitEmptyText 选项为false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    表单项的在Anchor布局下的所占百分比。
			</td>
		</tr>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    表单项的标签宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>allowBlank</td>
			<td>false</td>
			<td>
			    是否允许为空。True:允许空值。
			</td>
		</tr>
				<tr>
			<td>tabIndex</td>
			<td>false</td>
			<td>
			    Tab键的索引顺序。
			</td>
		</tr>
				<tr>
			<td>inputType</td>
			<td>false</td>
			<td>
			    输入栏的类型属性。常用到的有密码输入框，可设置为inputType="password"。
			</td>
		</tr>
				<tr>
			<td>readOnly</td>
			<td>false</td>
			<td>
			    是否只读。true:只读。
			</td>
		</tr>
				<tr>
			<td>vtype</td>
			<td>false</td>
			<td>
			    一个校验类型名。可选值：alpha|alphanum|email|url。
			</td>
		</tr>
				<tr>
			<td>vtypeText</td>
			<td>false</td>
			<td>
			    一个自定义的出错消息，用来替代为当前表单项所设置的vtype所提供的默认消息(默认为'')。 提示:只有设置了 vtype 时才应用此项，否则忽略。
			</td>
		</tr>
				<tr>
			<td>regex</td>
			<td>false</td>
			<td>
			    在校验时，需要在表单项值纸上进行测试的JavaScript RegExp对象(默认为 null)。 如果测试失败，表单项将会使用 regexText 或者 invalidText 进行标记。
			</td>
		</tr>
				<tr>
			<td>regexText</td>
			<td>false</td>
			<td>
			    如果使用了regex并且在校验失败时显示的出错文本。
			</td>
		</tr>
				<tr>
			<td>editable</td>
			<td>false</td>
			<td>
			    设置为false阻止直接在表单项的文本框中输入字符；这时表单项只能通过从按钮的方式来设置值。提示：此设置仅针对下拉框、日期选择框等带有按钮操作的表单项有效。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一：(1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息在默认浏览器title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>hideTrigger</td>
			<td>false</td>
			<td>
			    设置为true时隐藏右角trigger按钮(如下拉组件、日期组件等)，只显示为基础的文本框。缺省：false。
			</td>
		</tr>
				<tr>
			<td>star</td>
			<td>false</td>
			<td>
			    非空必输字段是否出现小红星标注。可选值：true | false。缺省：true。
			</td>
		</tr>
				<tr>
			<td>selectOnFocus</td>
			<td>false</td>
			<td>
			    当表单项获得输入焦点时是否自动选中文本。可选值：true | false。缺省：false。
			</td>
		</tr>
				<tr>
			<td>onchang</td>
			<td>false</td>
			<td>
			    表单输入域的值发生变化时触发的响应事件函数名。如：onchang="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeydown</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键响应事件函数名。如：onkeydown="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeyup</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键松开时响应事件函数名。如：onkeyup="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onfocus</td>
			<td>false</td>
			<td>
			    表单输入域获得焦点时响应事件函数名。如：onfocus="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onselect</td>
			<td>false</td>
			<td>
			    下拉选择框ComboBox选中下拉项目时响应事件函数名。如：onselect="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onenterkey</td>
			<td>false</td>
			<td>
			    表单输入域的回车键按下时响应事件函数名。如：onenterkey="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onspecialkey</td>
			<td>false</td>
			<td>
			    表单输入域的特殊键按下时响应事件函数名。如：specialkey="fnTest"。提示：响应什么特殊键的按下事件需要根据按键事件的句柄在JS函数中判断。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>fieldLabel</td>
			<td>false</td>
			<td>
			    表单项标签文本。
			</td>
		</tr>
				<tr>
			<td>multiSelect</td>
			<td>false</td>
			<td>
			    是否允许多项选择。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>forceSelection</td>
			<td>false</td>
			<td>
			    设置输入或选择内容必须是下拉项目之一，不允许任意输入内容。缺省：true。
			</td>
		</tr>
				<tr>
			<td>editable</td>
			<td>false</td>
			<td>
			    下拉框的文本输入域设置为可编辑。缺省：false。提示：若设为false，则只能通过下拉按钮选择下拉项目。
			</td>
		</tr>
				<tr>
			<td>typeAhead</td>
			<td>false</td>
			<td>
			    是否将输入内容后自动匹配选中项的剩余文本自动跳到文本输入域。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>url</td>
			<td>false</td>
			<td>
			    下拉框数据源查询url地址。提示：缺省情况下，后台返回的Json格式需要至少包含display和value两字段。但也可以自定义，需要综合应用fields、displayField、valueField三个属性。为保证UI代码规范统一，无特殊需求则建议使用缺省方式。
			</td>
		</tr>
				<tr>
			<td>displayField</td>
			<td>false</td>
			<td>
			    下拉项的文本显示字段。缺省值：display。提示：如果为queryMode="remote"，请注意此属性和你返回的Json数据中的key保持一致。
			</td>
		</tr>
				<tr>
			<td>valueField</td>
			<td>false</td>
			<td>
			    下拉项提交后台的值使用的字段名称。缺省值：value。提示：如果为queryMode="remote"，请注意此属性和你返回的Json数据中的key保持一致。
			</td>
		</tr>
				<tr>
			<td>fields</td>
			<td>false</td>
			<td>
			    下拉项的一条记录对应的模型定义。缺省值：[ 'value', 'display', 'c', 'd']。提示：如果为queryMode="remote"，请注意此属性和你返回的Json数据中的key保持一致。
			</td>
		</tr>
				<tr>
			<td>dicField</td>
			<td>false</td>
			<td>
			    使用数据字典做为下拉项数据源时所对应的数据字典标识键。
			</td>
		</tr>
				<tr>
			<td>dicFilter</td>
			<td>false</td>
			<td>
			    数据字典数据源的过滤器。过滤器分为选择过滤和排它过滤。如：dicFilter="1,2,3"，表示使用代码为1、2、3的字典作为下拉数据源；dicFilter="!1,2,3"，则为在数据字典数据源中排除代码为1、2、3的字典。
			</td>
		</tr>
				<tr>
			<td>dicDataType</td>
			<td>false</td>
			<td>
			    字典对照的数据类型，缺省为char。可选值char | number。如果下拉项的数据源返回值为数值类型，则需要设置dicDataType为number。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="docked">docked</h2>
	<p>停靠栏标签。包括工具栏、分页栏、状态栏。</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>autoShow</td>
			<td>false</td>
			<td>
			    True：自动构造和渲染组件到页面主体区域。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>layout</td>
			<td>false</td>
			<td>
			    此容器所使用的布局类型。常规容器缺省布局：auto；表单系列的布局面板使用的缺省布局：column。可选值：accordion|anchor|absolute|border|card|column|fit|form|table|auto|hbox|vbox。
			</td>
		</tr>
				<tr>
			<td>constrain</td>
			<td>false</td>
			<td>
			    设置是否禁止在组件内容溢出时父容器是包容隐藏子组件。缺省值：在window组件和FormPanel组件中为true，其它容器组件为空。
			</td>
		</tr>
				<tr>
			<td>split</td>
			<td>false</td>
			<td>
			    布局辅助项。split:true属性的区域都将得到 一个Splitter并允许手动调整大小。(除中心区域) 缺省：false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    此属性在使用anchor布局及其子布局的容器的子组件中配置。 模式1：百分比， 例如:anchor="100% 50%" 表示子组件的宽度为即等于容器的宽度, 高度为容器的1/2。 模式2：偏移量，例如anchor="-50 -100" 表示子组件的宽度为容器的宽度减50px, 高度为容器的高度减100px. 模式3：混合模式，例如anchor="-50 75%"。
			</td>
		</tr>
				<tr>
			<td>x</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器左边距的距离。
			</td>
		</tr>
				<tr>
			<td>y</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器上边距的距离。
			</td>
		</tr>
				<tr>
			<td>rowspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨行数目。
			</td>
		</tr>
				<tr>
			<td>colspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨列数目。
			</td>
		</tr>
				<tr>
			<td>flex</td>
			<td>false</td>
			<td>
			    vbox|hbox布局专用属性，根据当前子项的flex值与所有其他含flex值子项的值的和 的相对比例进行伸缩('hbox'中横向, 'vbox'中纵向). 任何'flex=0'或'flex=undefined'的子项将不被伸缩(即组件原始尺寸不会被修改)。
			</td>
		</tr>
				<tr>
			<td>onactivate</td>
			<td>false</td>
			<td>
			    组件激活后触发。
			</td>
		</tr>
				<tr>
			<td>onclose</td>
			<td>false</td>
			<td>
			    可关闭组件关闭后触发。
			</td>
		</tr>
				<tr>
			<td>oncollapse</td>
			<td>false</td>
			<td>
			    可折叠组件折叠后触发。
			</td>
		</tr>
				<tr>
			<td>onexpand</td>
			<td>false</td>
			<td>
			    可展开组件展开后触发。
			</td>
		</tr>
				<tr>
			<td>onhide</td>
			<td>false</td>
			<td>
			    组件隐藏后触发。
			</td>
		</tr>
				<tr>
			<td>onrender</td>
			<td>false</td>
			<td>
			    组件被渲染后触发。
			</td>
		</tr>
				<tr>
			<td>onshow</td>
			<td>false</td>
			<td>
			    组件被显示后触发。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    组件类型。可选类型为：toolbar|statusbar|pagingtoolbar。缺省为：toolbar。
			</td>
		</tr>
				<tr>
			<td>dock</td>
			<td>false</td>
			<td>
			    停靠栏停靠外部容器的位置。缺省为top。可选：top|bottom。提示：只有当停靠栏作为容器组件(如：面板、表格、窗口等)的子组件使用才有效。
			</td>
		</tr>
				<tr>
			<td>ui</td>
			<td>false</td>
			<td>
			    停靠栏的UI样式类型。缺省为："default"。可选：default|footer。
			</td>
		</tr>
				<tr>
			<td>text</td>
			<td>false</td>
			<td>
			    状态栏专用属性。初始化后状态栏现实的文本。
			</td>
		</tr>
				<tr>
			<td>defaultText</td>
			<td>false</td>
			<td>
			    状态栏专用属性。状态栏重置后状态栏显示的文本。
			</td>
		</tr>
				<tr>
			<td>forceBoder</td>
			<td>false</td>
			<td>
			    停靠栏边框的二次处理。当border解决不了问题的时候，可以考虑使用这个属性。这个属性可以强制边框按照你预期的方式来展示。设置方法:forceBoder="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="checkboxgroup">checkboxgroup</h2>
	<p>CheckboxGroup标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>rowSpace</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素行间距。如：rowSpace="5"。
			</td>
		</tr>
				<tr>
			<td>itemAnchor</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素所占百分比。如：activeTabBarColor="80%"。
			</td>
		</tr>
				<tr>
			<td>defaultType</td>
			<td>false</td>
			<td>
			    直系表单项缺省xtype类型。缺省值：textfield。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一 (1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息以浏览器默认的title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>title</td>
			<td>false</td>
			<td>
			    显示在面板头部的文本标题(默认为'')。如有指定了titile那么头部元素header会自动生成和显示，除非header强制设为false。如果你不想在写配置时指定好title， 不过想在后面才加入的话，你必须先指定一个非空的标题（具体说是空白字符''亦可或header：true），这样才保证容器元素生成出来。提示：缺省标题为常规字体，如果想显示为加粗字体，可以在标题文本前加语义表达式!。如:title="!我是粗体标题"。
			</td>
		</tr>
				<tr>
			<td>collapsible</td>
			<td>false</td>
			<td>
			    True表示为面板是可收缩的，并自动渲染一个展开/收缩的轮换按钮在头部工具条。false表示为保持面板为一个静止的尺寸（缺省为false）。
			</td>
		</tr>
				<tr>
			<td>collapsed</td>
			<td>false</td>
			<td>
			    True 表示为渲染面板后即闭合（默认为false）。
			</td>
		</tr>
				<tr>
			<td>titleCollapse</td>
			<td>false</td>
			<td>
			    True表示为允许单击头部区域任何一个位置都可收缩面板（当collapsible = true）反之只允许单击工具按钮（默认为false）。提示：Accordion布局的时候默认为true。
			</td>
		</tr>
				<tr>
			<td>bodyStyle</td>
			<td>false</td>
			<td>
			    应用于该组件的Body元素的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>bodyPadding</td>
			<td>false</td>
			<td>
			    设置容器body区域的内边距。在body元素上设置padding样式的快捷方式。这个值可以是一个数字被应用到所有的边界， 或者是一个正规的CSS字符串用于设定padding。默认为undefined。
			</td>
		</tr>
				<tr>
			<td>headerBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的Header边框(标题所占区域)。防止组件边框重叠。设置方法:headerBorder="0 0 1"代表顺序(top right left)。提示：无bottom边框，数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>bodyBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的body边框(主体区域)。防止组件边框重叠。设置方法:bodyBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>splitterBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件之间手动滑柄栏的边框。防止组件边框重叠。设置方法:splitterBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>closable</td>
			<td>false</td>
			<td>
			    组件显示关闭图标。缺省调用close方法，这将销毁组件中的元素不能再被使用。
			</td>
		</tr>
				<tr>
			<td>closeAction</td>
			<td>false</td>
			<td>
			    当标题头的关闭按钮被单击这个动作将被执行。可选：destroy|hide。默认：hide。
			</td>
		</tr>
				<tr>
			<td>collapseMode</td>
			<td>false</td>
			<td>
			    Border布局下组件折叠收缩模式。header：收缩后显示头部栏位。mini：收缩后不显示头部栏位。
			</td>
		</tr>
				<tr>
			<td>header</td>
			<td>false</td>
			<td>
			    通过设置false来阻止面板型组件的标题头被创建与渲染，默认为true。
			</td>
		</tr>
				<tr>
			<td>autoShow</td>
			<td>false</td>
			<td>
			    True：自动构造和渲染组件到页面主体区域。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>layout</td>
			<td>false</td>
			<td>
			    此容器所使用的布局类型。常规容器缺省布局：auto；表单系列的布局面板使用的缺省布局：column。可选值：accordion|anchor|absolute|border|card|column|fit|form|table|auto|hbox|vbox。
			</td>
		</tr>
				<tr>
			<td>constrain</td>
			<td>false</td>
			<td>
			    设置是否禁止在组件内容溢出时父容器是包容隐藏子组件。缺省值：在window组件和FormPanel组件中为true，其它容器组件为空。
			</td>
		</tr>
				<tr>
			<td>split</td>
			<td>false</td>
			<td>
			    布局辅助项。split:true属性的区域都将得到 一个Splitter并允许手动调整大小。(除中心区域) 缺省：false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    此属性在使用anchor布局及其子布局的容器的子组件中配置。 模式1：百分比， 例如:anchor="100% 50%" 表示子组件的宽度为即等于容器的宽度, 高度为容器的1/2。 模式2：偏移量，例如anchor="-50 -100" 表示子组件的宽度为容器的宽度减50px, 高度为容器的高度减100px. 模式3：混合模式，例如anchor="-50 75%"。
			</td>
		</tr>
				<tr>
			<td>x</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器左边距的距离。
			</td>
		</tr>
				<tr>
			<td>y</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器上边距的距离。
			</td>
		</tr>
				<tr>
			<td>rowspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨行数目。
			</td>
		</tr>
				<tr>
			<td>colspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨列数目。
			</td>
		</tr>
				<tr>
			<td>flex</td>
			<td>false</td>
			<td>
			    vbox|hbox布局专用属性，根据当前子项的flex值与所有其他含flex值子项的值的和 的相对比例进行伸缩('hbox'中横向, 'vbox'中纵向). 任何'flex=0'或'flex=undefined'的子项将不被伸缩(即组件原始尺寸不会被修改)。
			</td>
		</tr>
				<tr>
			<td>onactivate</td>
			<td>false</td>
			<td>
			    组件激活后触发。
			</td>
		</tr>
				<tr>
			<td>onclose</td>
			<td>false</td>
			<td>
			    可关闭组件关闭后触发。
			</td>
		</tr>
				<tr>
			<td>oncollapse</td>
			<td>false</td>
			<td>
			    可折叠组件折叠后触发。
			</td>
		</tr>
				<tr>
			<td>onexpand</td>
			<td>false</td>
			<td>
			    可展开组件展开后触发。
			</td>
		</tr>
				<tr>
			<td>onhide</td>
			<td>false</td>
			<td>
			    组件隐藏后触发。
			</td>
		</tr>
				<tr>
			<td>onrender</td>
			<td>false</td>
			<td>
			    组件被渲染后触发。
			</td>
		</tr>
				<tr>
			<td>onshow</td>
			<td>false</td>
			<td>
			    组件被显示后触发。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>fieldLabel</td>
			<td>true</td>
			<td>
			    选择组合框标签文本。
			</td>
		</tr>
				<tr>
			<td>columns</td>
			<td>true</td>
			<td>
			    组合框里选择框的布局列数。自左向右排列，排满后换行。缺省值：1。可选值为数值或固定列宽度的数组或固定列宽度和相对宽度组合的数组。如：columns="3"或columns="[100,150,100]"或columns="[100,0.2,0.8]"
			</td>
		</tr>
				<tr>
			<td>vertical</td>
			<td>false</td>
			<td>
			    设为True，则columns失效，由组合框根据子组件自动计算布局。缺省值：false。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="tool">tool</h2>
	<p>Tool标签：显示在容器标题右侧的工具集。如：Panel、GridPanel、Window等。</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>text</td>
			<td>false</td>
			<td>
			    组件显示的主体文本。
			</td>
		</tr>
				<tr>
			<td>onclick</td>
			<td>false</td>
			<td>
			    当点击按钮触发的函数。如：onclick="fnFuck()"或onclick="fnFuck"或onclick="!fnFuck"，最后一种带!的方式可以将当前组件对象和句柄传递给对应函数。提示：对于按钮系列的onclick也 可以这样用：直接执行一段合法的JS代码片段。如：onclick="#id_mywindow.hide();" 。
			</td>
		</tr>
				<tr>
			<td>scale</td>
			<td>false</td>
			<td>
			    按钮大小。默认：small。可选：small|medium|large。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>type</td>
			<td>true</td>
			<td>
			    工具类型。可选值为：maximize,restore,toggle,gear,prev,next,pin,unpin,right,left,down,up,refresh,plus,minus,search,save,help,print,expand,collapse。分别对应不同的小图标。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="tab">tab</h2>
	<p>Tab标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>title</td>
			<td>false</td>
			<td>
			    显示在面板头部的文本标题(默认为'')。如有指定了titile那么头部元素header会自动生成和显示，除非header强制设为false。如果你不想在写配置时指定好title， 不过想在后面才加入的话，你必须先指定一个非空的标题（具体说是空白字符''亦可或header：true），这样才保证容器元素生成出来。提示：缺省标题为常规字体，如果想显示为加粗字体，可以在标题文本前加语义表达式!。如:title="!我是粗体标题"。
			</td>
		</tr>
				<tr>
			<td>collapsible</td>
			<td>false</td>
			<td>
			    True表示为面板是可收缩的，并自动渲染一个展开/收缩的轮换按钮在头部工具条。false表示为保持面板为一个静止的尺寸（缺省为false）。
			</td>
		</tr>
				<tr>
			<td>collapsed</td>
			<td>false</td>
			<td>
			    True 表示为渲染面板后即闭合（默认为false）。
			</td>
		</tr>
				<tr>
			<td>titleCollapse</td>
			<td>false</td>
			<td>
			    True表示为允许单击头部区域任何一个位置都可收缩面板（当collapsible = true）反之只允许单击工具按钮（默认为false）。提示：Accordion布局的时候默认为true。
			</td>
		</tr>
				<tr>
			<td>bodyStyle</td>
			<td>false</td>
			<td>
			    应用于该组件的Body元素的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>bodyPadding</td>
			<td>false</td>
			<td>
			    设置容器body区域的内边距。在body元素上设置padding样式的快捷方式。这个值可以是一个数字被应用到所有的边界， 或者是一个正规的CSS字符串用于设定padding。默认为undefined。
			</td>
		</tr>
				<tr>
			<td>headerBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的Header边框(标题所占区域)。防止组件边框重叠。设置方法:headerBorder="0 0 1"代表顺序(top right left)。提示：无bottom边框，数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>bodyBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的body边框(主体区域)。防止组件边框重叠。设置方法:bodyBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>splitterBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件之间手动滑柄栏的边框。防止组件边框重叠。设置方法:splitterBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>closable</td>
			<td>false</td>
			<td>
			    组件显示关闭图标。缺省调用close方法，这将销毁组件中的元素不能再被使用。
			</td>
		</tr>
				<tr>
			<td>closeAction</td>
			<td>false</td>
			<td>
			    当标题头的关闭按钮被单击这个动作将被执行。可选：destroy|hide。默认：hide。
			</td>
		</tr>
				<tr>
			<td>collapseMode</td>
			<td>false</td>
			<td>
			    Border布局下组件折叠收缩模式。header：收缩后显示头部栏位。mini：收缩后不显示头部栏位。
			</td>
		</tr>
				<tr>
			<td>header</td>
			<td>false</td>
			<td>
			    通过设置false来阻止面板型组件的标题头被创建与渲染，默认为true。
			</td>
		</tr>
				<tr>
			<td>autoShow</td>
			<td>false</td>
			<td>
			    True：自动构造和渲染组件到页面主体区域。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>layout</td>
			<td>false</td>
			<td>
			    此容器所使用的布局类型。常规容器缺省布局：auto；表单系列的布局面板使用的缺省布局：column。可选值：accordion|anchor|absolute|border|card|column|fit|form|table|auto|hbox|vbox。
			</td>
		</tr>
				<tr>
			<td>constrain</td>
			<td>false</td>
			<td>
			    设置是否禁止在组件内容溢出时父容器是包容隐藏子组件。缺省值：在window组件和FormPanel组件中为true，其它容器组件为空。
			</td>
		</tr>
				<tr>
			<td>split</td>
			<td>false</td>
			<td>
			    布局辅助项。split:true属性的区域都将得到 一个Splitter并允许手动调整大小。(除中心区域) 缺省：false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    此属性在使用anchor布局及其子布局的容器的子组件中配置。 模式1：百分比， 例如:anchor="100% 50%" 表示子组件的宽度为即等于容器的宽度, 高度为容器的1/2。 模式2：偏移量，例如anchor="-50 -100" 表示子组件的宽度为容器的宽度减50px, 高度为容器的高度减100px. 模式3：混合模式，例如anchor="-50 75%"。
			</td>
		</tr>
				<tr>
			<td>x</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器左边距的距离。
			</td>
		</tr>
				<tr>
			<td>y</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器上边距的距离。
			</td>
		</tr>
				<tr>
			<td>rowspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨行数目。
			</td>
		</tr>
				<tr>
			<td>colspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨列数目。
			</td>
		</tr>
				<tr>
			<td>flex</td>
			<td>false</td>
			<td>
			    vbox|hbox布局专用属性，根据当前子项的flex值与所有其他含flex值子项的值的和 的相对比例进行伸缩('hbox'中横向, 'vbox'中纵向). 任何'flex=0'或'flex=undefined'的子项将不被伸缩(即组件原始尺寸不会被修改)。
			</td>
		</tr>
				<tr>
			<td>onactivate</td>
			<td>false</td>
			<td>
			    组件激活后触发。
			</td>
		</tr>
				<tr>
			<td>onclose</td>
			<td>false</td>
			<td>
			    可关闭组件关闭后触发。
			</td>
		</tr>
				<tr>
			<td>oncollapse</td>
			<td>false</td>
			<td>
			    可折叠组件折叠后触发。
			</td>
		</tr>
				<tr>
			<td>onexpand</td>
			<td>false</td>
			<td>
			    可展开组件展开后触发。
			</td>
		</tr>
				<tr>
			<td>onhide</td>
			<td>false</td>
			<td>
			    组件隐藏后触发。
			</td>
		</tr>
				<tr>
			<td>onrender</td>
			<td>false</td>
			<td>
			    组件被渲染后触发。
			</td>
		</tr>
				<tr>
			<td>onshow</td>
			<td>false</td>
			<td>
			    组件被显示后触发。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="numberfield">numberfield</h2>
	<p>NumberField标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>fieldLabel</td>
			<td>false</td>
			<td>
			    表单项标签文本。
			</td>
		</tr>
				<tr>
			<td>instance</td>
			<td>false</td>
			<td>
			    是否实例化。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>name</td>
			<td>false</td>
			<td>
			    表单项名称。name作为表单提交的参数名称。
			</td>
		</tr>
				<tr>
			<td>value</td>
			<td>false</td>
			<td>
			    表单项的初始化值。
			</td>
		</tr>
				<tr>
			<td>emptyText</td>
			<td>false</td>
			<td>
			    放置到空表单项中的默认文本(默认为null)。注意: 如果当前表单栏处于有效状态并且被配置了一个名称，那么此值会被 提交到服务器。 为了防止提交可以设置Ext.form.Basic.submit中的submitEmptyText 选项为false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    表单项的在Anchor布局下的所占百分比。
			</td>
		</tr>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    表单项的标签宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>allowBlank</td>
			<td>false</td>
			<td>
			    是否允许为空。True:允许空值。
			</td>
		</tr>
				<tr>
			<td>tabIndex</td>
			<td>false</td>
			<td>
			    Tab键的索引顺序。
			</td>
		</tr>
				<tr>
			<td>inputType</td>
			<td>false</td>
			<td>
			    输入栏的类型属性。常用到的有密码输入框，可设置为inputType="password"。
			</td>
		</tr>
				<tr>
			<td>readOnly</td>
			<td>false</td>
			<td>
			    是否只读。true:只读。
			</td>
		</tr>
				<tr>
			<td>vtype</td>
			<td>false</td>
			<td>
			    一个校验类型名。可选值：alpha|alphanum|email|url。
			</td>
		</tr>
				<tr>
			<td>vtypeText</td>
			<td>false</td>
			<td>
			    一个自定义的出错消息，用来替代为当前表单项所设置的vtype所提供的默认消息(默认为'')。 提示:只有设置了 vtype 时才应用此项，否则忽略。
			</td>
		</tr>
				<tr>
			<td>regex</td>
			<td>false</td>
			<td>
			    在校验时，需要在表单项值纸上进行测试的JavaScript RegExp对象(默认为 null)。 如果测试失败，表单项将会使用 regexText 或者 invalidText 进行标记。
			</td>
		</tr>
				<tr>
			<td>regexText</td>
			<td>false</td>
			<td>
			    如果使用了regex并且在校验失败时显示的出错文本。
			</td>
		</tr>
				<tr>
			<td>editable</td>
			<td>false</td>
			<td>
			    设置为false阻止直接在表单项的文本框中输入字符；这时表单项只能通过从按钮的方式来设置值。提示：此设置仅针对下拉框、日期选择框等带有按钮操作的表单项有效。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一：(1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息在默认浏览器title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>hideTrigger</td>
			<td>false</td>
			<td>
			    设置为true时隐藏右角trigger按钮(如下拉组件、日期组件等)，只显示为基础的文本框。缺省：false。
			</td>
		</tr>
				<tr>
			<td>star</td>
			<td>false</td>
			<td>
			    非空必输字段是否出现小红星标注。可选值：true | false。缺省：true。
			</td>
		</tr>
				<tr>
			<td>selectOnFocus</td>
			<td>false</td>
			<td>
			    当表单项获得输入焦点时是否自动选中文本。可选值：true | false。缺省：false。
			</td>
		</tr>
				<tr>
			<td>onchang</td>
			<td>false</td>
			<td>
			    表单输入域的值发生变化时触发的响应事件函数名。如：onchang="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeydown</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键响应事件函数名。如：onkeydown="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeyup</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键松开时响应事件函数名。如：onkeyup="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onfocus</td>
			<td>false</td>
			<td>
			    表单输入域获得焦点时响应事件函数名。如：onfocus="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onselect</td>
			<td>false</td>
			<td>
			    下拉选择框ComboBox选中下拉项目时响应事件函数名。如：onselect="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onenterkey</td>
			<td>false</td>
			<td>
			    表单输入域的回车键按下时响应事件函数名。如：onenterkey="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onspecialkey</td>
			<td>false</td>
			<td>
			    表单输入域的特殊键按下时响应事件函数名。如：specialkey="fnTest"。提示：响应什么特殊键的按下事件需要根据按键事件的句柄在JS函数中判断。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>maxValue</td>
			<td>false</td>
			<td>
			    校验时表单项允许输入的最大值。
			</td>
		</tr>
				<tr>
			<td>minValue</td>
			<td>false</td>
			<td>
			    校验时表单项允许输入的最小值。
			</td>
		</tr>
				<tr>
			<td>step</td>
			<td>false</td>
			<td>
			    指定的数字间隔步长。当用户使用按钮、方向键、滚轮增加或减少表单项的值时起作用。缺省：1。
			</td>
		</tr>
				<tr>
			<td>hideTrigger</td>
			<td>false</td>
			<td>
			    设置为true时隐藏trigger按钮，只显示为基础的文本框。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>keyNavEnabled</td>
			<td>false</td>
			<td>
			    指定向上和向下的方向键是否会触发up和down事件改变输入框框的值。默认是true。
			</td>
		</tr>
				<tr>
			<td>mouseWheelEnabled</td>
			<td>false</td>
			<td>
			    指定鼠标的滚轴是否会触发up和down事件改变输入框框的值。 默认是true。
			</td>
		</tr>
				<tr>
			<td>allowDecimals</td>
			<td>false</td>
			<td>
			    设置为false禁用小数。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>decimalPrecision</td>
			<td>false</td>
			<td>
			    小数点后允许的最大精度。缺省值：2。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="displayfield">displayfield</h2>
	<p>DispalyField标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>instance</td>
			<td>false</td>
			<td>
			    是否实例化。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>value</td>
			<td>false</td>
			<td>
			    表单项的初始化值。
			</td>
		</tr>
				<tr>
			<td>emptyText</td>
			<td>false</td>
			<td>
			    放置到空表单项中的默认文本(默认为null)。注意: 如果当前表单栏处于有效状态并且被配置了一个名称，那么此值会被 提交到服务器。 为了防止提交可以设置Ext.form.Basic.submit中的submitEmptyText 选项为false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    表单项的在Anchor布局下的所占百分比。
			</td>
		</tr>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    表单项的标签宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>allowBlank</td>
			<td>false</td>
			<td>
			    是否允许为空。True:允许空值。
			</td>
		</tr>
				<tr>
			<td>tabIndex</td>
			<td>false</td>
			<td>
			    Tab键的索引顺序。
			</td>
		</tr>
				<tr>
			<td>inputType</td>
			<td>false</td>
			<td>
			    输入栏的类型属性。常用到的有密码输入框，可设置为inputType="password"。
			</td>
		</tr>
				<tr>
			<td>readOnly</td>
			<td>false</td>
			<td>
			    是否只读。true:只读。
			</td>
		</tr>
				<tr>
			<td>vtype</td>
			<td>false</td>
			<td>
			    一个校验类型名。可选值：alpha|alphanum|email|url。
			</td>
		</tr>
				<tr>
			<td>vtypeText</td>
			<td>false</td>
			<td>
			    一个自定义的出错消息，用来替代为当前表单项所设置的vtype所提供的默认消息(默认为'')。 提示:只有设置了 vtype 时才应用此项，否则忽略。
			</td>
		</tr>
				<tr>
			<td>regex</td>
			<td>false</td>
			<td>
			    在校验时，需要在表单项值纸上进行测试的JavaScript RegExp对象(默认为 null)。 如果测试失败，表单项将会使用 regexText 或者 invalidText 进行标记。
			</td>
		</tr>
				<tr>
			<td>regexText</td>
			<td>false</td>
			<td>
			    如果使用了regex并且在校验失败时显示的出错文本。
			</td>
		</tr>
				<tr>
			<td>editable</td>
			<td>false</td>
			<td>
			    设置为false阻止直接在表单项的文本框中输入字符；这时表单项只能通过从按钮的方式来设置值。提示：此设置仅针对下拉框、日期选择框等带有按钮操作的表单项有效。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一：(1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息在默认浏览器title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>hideTrigger</td>
			<td>false</td>
			<td>
			    设置为true时隐藏右角trigger按钮(如下拉组件、日期组件等)，只显示为基础的文本框。缺省：false。
			</td>
		</tr>
				<tr>
			<td>star</td>
			<td>false</td>
			<td>
			    非空必输字段是否出现小红星标注。可选值：true | false。缺省：true。
			</td>
		</tr>
				<tr>
			<td>selectOnFocus</td>
			<td>false</td>
			<td>
			    当表单项获得输入焦点时是否自动选中文本。可选值：true | false。缺省：false。
			</td>
		</tr>
				<tr>
			<td>onchang</td>
			<td>false</td>
			<td>
			    表单输入域的值发生变化时触发的响应事件函数名。如：onchang="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeydown</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键响应事件函数名。如：onkeydown="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeyup</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键松开时响应事件函数名。如：onkeyup="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onfocus</td>
			<td>false</td>
			<td>
			    表单输入域获得焦点时响应事件函数名。如：onfocus="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onselect</td>
			<td>false</td>
			<td>
			    下拉选择框ComboBox选中下拉项目时响应事件函数名。如：onselect="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onenterkey</td>
			<td>false</td>
			<td>
			    表单输入域的回车键按下时响应事件函数名。如：onenterkey="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onspecialkey</td>
			<td>false</td>
			<td>
			    表单输入域的特殊键按下时响应事件函数名。如：specialkey="fnTest"。提示：响应什么特殊键的按下事件需要根据按键事件的句柄在JS函数中判断。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>fieldLabel</td>
			<td>false</td>
			<td>
			    表单项标签文本。
			</td>
		</tr>
				<tr>
			<td>name</td>
			<td>false</td>
			<td>
			    表单项名称。name作为表单提交的参数名称。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="htmleditor">htmleditor</h2>
	<p>HtmlEditor标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>instance</td>
			<td>false</td>
			<td>
			    是否实例化。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>name</td>
			<td>false</td>
			<td>
			    表单项名称。name作为表单提交的参数名称。
			</td>
		</tr>
				<tr>
			<td>value</td>
			<td>false</td>
			<td>
			    表单项的初始化值。
			</td>
		</tr>
				<tr>
			<td>emptyText</td>
			<td>false</td>
			<td>
			    放置到空表单项中的默认文本(默认为null)。注意: 如果当前表单栏处于有效状态并且被配置了一个名称，那么此值会被 提交到服务器。 为了防止提交可以设置Ext.form.Basic.submit中的submitEmptyText 选项为false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    表单项的在Anchor布局下的所占百分比。
			</td>
		</tr>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    表单项的标签宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>allowBlank</td>
			<td>false</td>
			<td>
			    是否允许为空。True:允许空值。
			</td>
		</tr>
				<tr>
			<td>tabIndex</td>
			<td>false</td>
			<td>
			    Tab键的索引顺序。
			</td>
		</tr>
				<tr>
			<td>inputType</td>
			<td>false</td>
			<td>
			    输入栏的类型属性。常用到的有密码输入框，可设置为inputType="password"。
			</td>
		</tr>
				<tr>
			<td>readOnly</td>
			<td>false</td>
			<td>
			    是否只读。true:只读。
			</td>
		</tr>
				<tr>
			<td>vtype</td>
			<td>false</td>
			<td>
			    一个校验类型名。可选值：alpha|alphanum|email|url。
			</td>
		</tr>
				<tr>
			<td>vtypeText</td>
			<td>false</td>
			<td>
			    一个自定义的出错消息，用来替代为当前表单项所设置的vtype所提供的默认消息(默认为'')。 提示:只有设置了 vtype 时才应用此项，否则忽略。
			</td>
		</tr>
				<tr>
			<td>regex</td>
			<td>false</td>
			<td>
			    在校验时，需要在表单项值纸上进行测试的JavaScript RegExp对象(默认为 null)。 如果测试失败，表单项将会使用 regexText 或者 invalidText 进行标记。
			</td>
		</tr>
				<tr>
			<td>regexText</td>
			<td>false</td>
			<td>
			    如果使用了regex并且在校验失败时显示的出错文本。
			</td>
		</tr>
				<tr>
			<td>editable</td>
			<td>false</td>
			<td>
			    设置为false阻止直接在表单项的文本框中输入字符；这时表单项只能通过从按钮的方式来设置值。提示：此设置仅针对下拉框、日期选择框等带有按钮操作的表单项有效。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一：(1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息在默认浏览器title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>hideTrigger</td>
			<td>false</td>
			<td>
			    设置为true时隐藏右角trigger按钮(如下拉组件、日期组件等)，只显示为基础的文本框。缺省：false。
			</td>
		</tr>
				<tr>
			<td>star</td>
			<td>false</td>
			<td>
			    非空必输字段是否出现小红星标注。可选值：true | false。缺省：true。
			</td>
		</tr>
				<tr>
			<td>selectOnFocus</td>
			<td>false</td>
			<td>
			    当表单项获得输入焦点时是否自动选中文本。可选值：true | false。缺省：false。
			</td>
		</tr>
				<tr>
			<td>onchang</td>
			<td>false</td>
			<td>
			    表单输入域的值发生变化时触发的响应事件函数名。如：onchang="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeydown</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键响应事件函数名。如：onkeydown="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeyup</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键松开时响应事件函数名。如：onkeyup="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onfocus</td>
			<td>false</td>
			<td>
			    表单输入域获得焦点时响应事件函数名。如：onfocus="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onselect</td>
			<td>false</td>
			<td>
			    下拉选择框ComboBox选中下拉项目时响应事件函数名。如：onselect="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onenterkey</td>
			<td>false</td>
			<td>
			    表单输入域的回车键按下时响应事件函数名。如：onenterkey="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onspecialkey</td>
			<td>false</td>
			<td>
			    表单输入域的特殊键按下时响应事件函数名。如：specialkey="fnTest"。提示：响应什么特殊键的按下事件需要根据按键事件的句柄在JS函数中判断。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>fieldLabel</td>
			<td>false</td>
			<td>
			    表单项标签文本。
			</td>
		</tr>
				<tr>
			<td>enableAlignments</td>
			<td>false</td>
			<td>
			    启用左对齐、中间对齐、右对齐按钮。默认：true。
			</td>
		</tr>
				<tr>
			<td>enableColors</td>
			<td>false</td>
			<td>
			    启用颜色设置按钮。默认：true。
			</td>
		</tr>
				<tr>
			<td>enableFont</td>
			<td>false</td>
			<td>
			    启用字体设置按钮。默认：true。
			</td>
		</tr>
				<tr>
			<td>enableFontSize</td>
			<td>false</td>
			<td>
			    启用字体大小设置按钮。默认：true。
			</td>
		</tr>
				<tr>
			<td>enableFormat</td>
			<td>false</td>
			<td>
			    启用黑体、斜体、下划线按钮。默认：true。
			</td>
		</tr>
				<tr>
			<td>enableLinks</td>
			<td>false</td>
			<td>
			    启用超链接创建按钮。默认：true。
			</td>
		</tr>
				<tr>
			<td>enableSourceEdit</td>
			<td>false</td>
			<td>
			    启用切换到源代码编辑按钮。默认：true。
			</td>
		</tr>
				<tr>
			<td>hideToolbarBorder</td>
			<td>false</td>
			<td>
			    编辑器里的工具栏边框缺省情况下会和外层容器边框重叠，此属性设置是否隐藏工具栏边框。默认：true。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="component">component</h2>
	<p>Component标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="button">button</h2>
	<p>按钮标签。</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>text</td>
			<td>false</td>
			<td>
			    组件显示的主体文本。
			</td>
		</tr>
				<tr>
			<td>onclick</td>
			<td>false</td>
			<td>
			    当点击按钮触发的函数。如：onclick="fnFuck()"或onclick="fnFuck"或onclick="!fnFuck"，最后一种带!的方式可以将当前组件对象和句柄传递给对应函数。提示：对于按钮系列的onclick也 可以这样用：直接执行一段合法的JS代码片段。如：onclick="#id_mywindow.hide();" 。
			</td>
		</tr>
				<tr>
			<td>scale</td>
			<td>false</td>
			<td>
			    按钮大小。默认：small。可选：small|medium|large。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    组件类型。默认：button。可选类型为：button|splitbutton。
			</td>
		</tr>
				<tr>
			<td>iconAlign</td>
			<td>false</td>
			<td>
			    图标对齐模式。默认：left。可选：top|right|bottom|left。
			</td>
		</tr>
				<tr>
			<td>arrowAlign</td>
			<td>false</td>
			<td>
			    下拉箭头对齐模式。默认：right。可选：right|bottom。
			</td>
		</tr>
				<tr>
			<td>textAlign</td>
			<td>false</td>
			<td>
			    文本对齐模式。默认：center。可选：center|left|right。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="action">action</h2>
	<p>Action标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>icon</td>
			<td>true</td>
			<td>
			    表格单元格图标按钮图标文件，图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>true</td>
			<td>
			    表格单元格图标按钮图标鼠标悬停提示信息。
			</td>
		</tr>
				<tr>
			<td>handler</td>
			<td>false</td>
			<td>
			    表格单元格图标按钮响应事件函数名。如：handler="fnEdit"。对应的事件函数可定义为：function fnEdit(grid, rowIndex, colIndex) {var record = grid.getStore().getAt(rowIndex);...};
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="on">on</h2>
	<p>事件监听绑定标签,将当前事件绑定的父组件上。相应事件可查阅相应组件的Ext API手册。</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>event</td>
			<td>true</td>
			<td>
			    注册的事件名称。事件名称可查阅对应组件的Ext API手册。
			</td>
		</tr>
				<tr>
			<td>fn</td>
			<td>true</td>
			<td>
			    响应事件的函数名。
			</td>
		</tr>
				<tr>
			<td>delay</td>
			<td>false</td>
			<td>
			    延时执行。单位：毫秒。(1000毫秒=1秒)。
			</td>
		</tr>
				<tr>
			<td>single</td>
			<td>false</td>
			<td>
			    事件是否只响应一次。默认：false。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="radioboxgroup">radioboxgroup</h2>
	<p>RadioboxGroup标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>rowSpace</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素行间距。如：rowSpace="5"。
			</td>
		</tr>
				<tr>
			<td>itemAnchor</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素所占百分比。如：activeTabBarColor="80%"。
			</td>
		</tr>
				<tr>
			<td>defaultType</td>
			<td>false</td>
			<td>
			    直系表单项缺省xtype类型。缺省值：textfield。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一 (1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息以浏览器默认的title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>title</td>
			<td>false</td>
			<td>
			    显示在面板头部的文本标题(默认为'')。如有指定了titile那么头部元素header会自动生成和显示，除非header强制设为false。如果你不想在写配置时指定好title， 不过想在后面才加入的话，你必须先指定一个非空的标题（具体说是空白字符''亦可或header：true），这样才保证容器元素生成出来。提示：缺省标题为常规字体，如果想显示为加粗字体，可以在标题文本前加语义表达式!。如:title="!我是粗体标题"。
			</td>
		</tr>
				<tr>
			<td>collapsible</td>
			<td>false</td>
			<td>
			    True表示为面板是可收缩的，并自动渲染一个展开/收缩的轮换按钮在头部工具条。false表示为保持面板为一个静止的尺寸（缺省为false）。
			</td>
		</tr>
				<tr>
			<td>collapsed</td>
			<td>false</td>
			<td>
			    True 表示为渲染面板后即闭合（默认为false）。
			</td>
		</tr>
				<tr>
			<td>titleCollapse</td>
			<td>false</td>
			<td>
			    True表示为允许单击头部区域任何一个位置都可收缩面板（当collapsible = true）反之只允许单击工具按钮（默认为false）。提示：Accordion布局的时候默认为true。
			</td>
		</tr>
				<tr>
			<td>bodyStyle</td>
			<td>false</td>
			<td>
			    应用于该组件的Body元素的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>bodyPadding</td>
			<td>false</td>
			<td>
			    设置容器body区域的内边距。在body元素上设置padding样式的快捷方式。这个值可以是一个数字被应用到所有的边界， 或者是一个正规的CSS字符串用于设定padding。默认为undefined。
			</td>
		</tr>
				<tr>
			<td>headerBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的Header边框(标题所占区域)。防止组件边框重叠。设置方法:headerBorder="0 0 1"代表顺序(top right left)。提示：无bottom边框，数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>bodyBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的body边框(主体区域)。防止组件边框重叠。设置方法:bodyBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>splitterBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件之间手动滑柄栏的边框。防止组件边框重叠。设置方法:splitterBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>closable</td>
			<td>false</td>
			<td>
			    组件显示关闭图标。缺省调用close方法，这将销毁组件中的元素不能再被使用。
			</td>
		</tr>
				<tr>
			<td>closeAction</td>
			<td>false</td>
			<td>
			    当标题头的关闭按钮被单击这个动作将被执行。可选：destroy|hide。默认：hide。
			</td>
		</tr>
				<tr>
			<td>collapseMode</td>
			<td>false</td>
			<td>
			    Border布局下组件折叠收缩模式。header：收缩后显示头部栏位。mini：收缩后不显示头部栏位。
			</td>
		</tr>
				<tr>
			<td>header</td>
			<td>false</td>
			<td>
			    通过设置false来阻止面板型组件的标题头被创建与渲染，默认为true。
			</td>
		</tr>
				<tr>
			<td>autoShow</td>
			<td>false</td>
			<td>
			    True：自动构造和渲染组件到页面主体区域。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>layout</td>
			<td>false</td>
			<td>
			    此容器所使用的布局类型。常规容器缺省布局：auto；表单系列的布局面板使用的缺省布局：column。可选值：accordion|anchor|absolute|border|card|column|fit|form|table|auto|hbox|vbox。
			</td>
		</tr>
				<tr>
			<td>constrain</td>
			<td>false</td>
			<td>
			    设置是否禁止在组件内容溢出时父容器是包容隐藏子组件。缺省值：在window组件和FormPanel组件中为true，其它容器组件为空。
			</td>
		</tr>
				<tr>
			<td>split</td>
			<td>false</td>
			<td>
			    布局辅助项。split:true属性的区域都将得到 一个Splitter并允许手动调整大小。(除中心区域) 缺省：false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    此属性在使用anchor布局及其子布局的容器的子组件中配置。 模式1：百分比， 例如:anchor="100% 50%" 表示子组件的宽度为即等于容器的宽度, 高度为容器的1/2。 模式2：偏移量，例如anchor="-50 -100" 表示子组件的宽度为容器的宽度减50px, 高度为容器的高度减100px. 模式3：混合模式，例如anchor="-50 75%"。
			</td>
		</tr>
				<tr>
			<td>x</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器左边距的距离。
			</td>
		</tr>
				<tr>
			<td>y</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器上边距的距离。
			</td>
		</tr>
				<tr>
			<td>rowspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨行数目。
			</td>
		</tr>
				<tr>
			<td>colspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨列数目。
			</td>
		</tr>
				<tr>
			<td>flex</td>
			<td>false</td>
			<td>
			    vbox|hbox布局专用属性，根据当前子项的flex值与所有其他含flex值子项的值的和 的相对比例进行伸缩('hbox'中横向, 'vbox'中纵向). 任何'flex=0'或'flex=undefined'的子项将不被伸缩(即组件原始尺寸不会被修改)。
			</td>
		</tr>
				<tr>
			<td>onactivate</td>
			<td>false</td>
			<td>
			    组件激活后触发。
			</td>
		</tr>
				<tr>
			<td>onclose</td>
			<td>false</td>
			<td>
			    可关闭组件关闭后触发。
			</td>
		</tr>
				<tr>
			<td>oncollapse</td>
			<td>false</td>
			<td>
			    可折叠组件折叠后触发。
			</td>
		</tr>
				<tr>
			<td>onexpand</td>
			<td>false</td>
			<td>
			    可展开组件展开后触发。
			</td>
		</tr>
				<tr>
			<td>onhide</td>
			<td>false</td>
			<td>
			    组件隐藏后触发。
			</td>
		</tr>
				<tr>
			<td>onrender</td>
			<td>false</td>
			<td>
			    组件被渲染后触发。
			</td>
		</tr>
				<tr>
			<td>onshow</td>
			<td>false</td>
			<td>
			    组件被显示后触发。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>fieldLabel</td>
			<td>true</td>
			<td>
			    选择组合框标签文本。
			</td>
		</tr>
				<tr>
			<td>columns</td>
			<td>true</td>
			<td>
			    组合框里选择框的布局列数。自左向右排列，排满后换行。缺省值：1。可选值为数值或固定列宽度的数组或固定列宽度和相对宽度的组合。如：columns="3"或columns="[100,150,100]"或columns="[100,0.2,0.8]"
			</td>
		</tr>
				<tr>
			<td>vertical</td>
			<td>false</td>
			<td>
			    设为True，则columns失效，由组合框根据子组件自动计算布局。缺省值：false。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="rowset2">rowset2</h2>
	<p>RowSet2标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>rowSpace</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素行间距。如：rowSpace="5"。
			</td>
		</tr>
				<tr>
			<td>itemAnchor</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素所占百分比。如：activeTabBarColor="80%"。
			</td>
		</tr>
				<tr>
			<td>defaultType</td>
			<td>false</td>
			<td>
			    直系表单项缺省xtype类型。缺省值：textfield。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一 (1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息以浏览器默认的title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>title</td>
			<td>false</td>
			<td>
			    显示在面板头部的文本标题(默认为'')。如有指定了titile那么头部元素header会自动生成和显示，除非header强制设为false。如果你不想在写配置时指定好title， 不过想在后面才加入的话，你必须先指定一个非空的标题（具体说是空白字符''亦可或header：true），这样才保证容器元素生成出来。提示：缺省标题为常规字体，如果想显示为加粗字体，可以在标题文本前加语义表达式!。如:title="!我是粗体标题"。
			</td>
		</tr>
				<tr>
			<td>collapsible</td>
			<td>false</td>
			<td>
			    True表示为面板是可收缩的，并自动渲染一个展开/收缩的轮换按钮在头部工具条。false表示为保持面板为一个静止的尺寸（缺省为false）。
			</td>
		</tr>
				<tr>
			<td>collapsed</td>
			<td>false</td>
			<td>
			    True 表示为渲染面板后即闭合（默认为false）。
			</td>
		</tr>
				<tr>
			<td>titleCollapse</td>
			<td>false</td>
			<td>
			    True表示为允许单击头部区域任何一个位置都可收缩面板（当collapsible = true）反之只允许单击工具按钮（默认为false）。提示：Accordion布局的时候默认为true。
			</td>
		</tr>
				<tr>
			<td>bodyStyle</td>
			<td>false</td>
			<td>
			    应用于该组件的Body元素的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>bodyPadding</td>
			<td>false</td>
			<td>
			    设置容器body区域的内边距。在body元素上设置padding样式的快捷方式。这个值可以是一个数字被应用到所有的边界， 或者是一个正规的CSS字符串用于设定padding。默认为undefined。
			</td>
		</tr>
				<tr>
			<td>headerBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的Header边框(标题所占区域)。防止组件边框重叠。设置方法:headerBorder="0 0 1"代表顺序(top right left)。提示：无bottom边框，数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>bodyBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的body边框(主体区域)。防止组件边框重叠。设置方法:bodyBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>splitterBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件之间手动滑柄栏的边框。防止组件边框重叠。设置方法:splitterBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>closable</td>
			<td>false</td>
			<td>
			    组件显示关闭图标。缺省调用close方法，这将销毁组件中的元素不能再被使用。
			</td>
		</tr>
				<tr>
			<td>closeAction</td>
			<td>false</td>
			<td>
			    当标题头的关闭按钮被单击这个动作将被执行。可选：destroy|hide。默认：hide。
			</td>
		</tr>
				<tr>
			<td>collapseMode</td>
			<td>false</td>
			<td>
			    Border布局下组件折叠收缩模式。header：收缩后显示头部栏位。mini：收缩后不显示头部栏位。
			</td>
		</tr>
				<tr>
			<td>header</td>
			<td>false</td>
			<td>
			    通过设置false来阻止面板型组件的标题头被创建与渲染，默认为true。
			</td>
		</tr>
				<tr>
			<td>autoShow</td>
			<td>false</td>
			<td>
			    True：自动构造和渲染组件到页面主体区域。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>layout</td>
			<td>false</td>
			<td>
			    此容器所使用的布局类型。常规容器缺省布局：auto；表单系列的布局面板使用的缺省布局：column。可选值：accordion|anchor|absolute|border|card|column|fit|form|table|auto|hbox|vbox。
			</td>
		</tr>
				<tr>
			<td>constrain</td>
			<td>false</td>
			<td>
			    设置是否禁止在组件内容溢出时父容器是包容隐藏子组件。缺省值：在window组件和FormPanel组件中为true，其它容器组件为空。
			</td>
		</tr>
				<tr>
			<td>split</td>
			<td>false</td>
			<td>
			    布局辅助项。split:true属性的区域都将得到 一个Splitter并允许手动调整大小。(除中心区域) 缺省：false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    此属性在使用anchor布局及其子布局的容器的子组件中配置。 模式1：百分比， 例如:anchor="100% 50%" 表示子组件的宽度为即等于容器的宽度, 高度为容器的1/2。 模式2：偏移量，例如anchor="-50 -100" 表示子组件的宽度为容器的宽度减50px, 高度为容器的高度减100px. 模式3：混合模式，例如anchor="-50 75%"。
			</td>
		</tr>
				<tr>
			<td>x</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器左边距的距离。
			</td>
		</tr>
				<tr>
			<td>y</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器上边距的距离。
			</td>
		</tr>
				<tr>
			<td>rowspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨行数目。
			</td>
		</tr>
				<tr>
			<td>colspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨列数目。
			</td>
		</tr>
				<tr>
			<td>flex</td>
			<td>false</td>
			<td>
			    vbox|hbox布局专用属性，根据当前子项的flex值与所有其他含flex值子项的值的和 的相对比例进行伸缩('hbox'中横向, 'vbox'中纵向). 任何'flex=0'或'flex=undefined'的子项将不被伸缩(即组件原始尺寸不会被修改)。
			</td>
		</tr>
				<tr>
			<td>onactivate</td>
			<td>false</td>
			<td>
			    组件激活后触发。
			</td>
		</tr>
				<tr>
			<td>onclose</td>
			<td>false</td>
			<td>
			    可关闭组件关闭后触发。
			</td>
		</tr>
				<tr>
			<td>oncollapse</td>
			<td>false</td>
			<td>
			    可折叠组件折叠后触发。
			</td>
		</tr>
				<tr>
			<td>onexpand</td>
			<td>false</td>
			<td>
			    可展开组件展开后触发。
			</td>
		</tr>
				<tr>
			<td>onhide</td>
			<td>false</td>
			<td>
			    组件隐藏后触发。
			</td>
		</tr>
				<tr>
			<td>onrender</td>
			<td>false</td>
			<td>
			    组件被渲染后触发。
			</td>
		</tr>
				<tr>
			<td>onshow</td>
			<td>false</td>
			<td>
			    组件被显示后触发。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>checkValue</td>
			<td>false</td>
			<td>
			    误差矫正值。一般设为0.01~0.09之间为宜。提示：一般情况下很少需要设置此值。仅针对一些特殊情况下，RowSet2布局没有达到预期效果时使用。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="dataview">dataview</h2>
	<p>DataView标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>true</td>
			<td>
			    唯一的组件id。由于数据视图的CSS要引用这个ID，故此组件ID需要显式指定不能自动生成。
			</td>
		</tr>
				<tr>
			<td>fields</td>
			<td>true</td>
			<td>
			    数据视图中子项目的属性字段列表，配合数据视图内置的Store使用。如：fields="a,b,c"。
			</td>
		</tr>
				<tr>
			<td>autoLoad</td>
			<td>false</td>
			<td>
			    内置Store是否自动加载数据。可选值：true | false。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>url</td>
			<td>true</td>
			<td>
			    内置Store加载数据使用的url。
			</td>
		</tr>
				<tr>
			<td>itemSelector</td>
			<td>true</td>
			<td>
			    这是必需的设置，通过简单的CSS选择器 (例如： div.some-class or span:first-child) 来确定哪些节点为DataView工作。
			</td>
		</tr>
				<tr>
			<td>overItemCls</td>
			<td>false</td>
			<td>
			    鼠标悬停数据视图内组件时的样式。
			</td>
		</tr>
				<tr>
			<td>multiSelect</td>
			<td>false</td>
			<td>
			    数据视图内组件是否支持多选。可选值：true | false。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>onselectionchange</td>
			<td>false</td>
			<td>
			    所选项目发生变化时触发的事件函数。
			</td>
		</tr>
				<tr>
			<td>duration</td>
			<td>false</td>
			<td>
			    数据视图排列动画的速度。缺省值：500。提示：仅当animated="true"时有效。
			</td>
		</tr>
				<tr>
			<td>idProperty</td>
			<td>false</td>
			<td>
			    数据视图项目的唯一标识键。缺省：“id”。提示：仅当animated="true"时有效。
			</td>
		</tr>
				<tr>
			<td>animated</td>
			<td>false</td>
			<td>
			    项目过滤重组的时候是否显示动画(仅适用dataview标签)。可选值：true | false。缺省值：false。提示1：开启了动画则第二次load store的时候会出现bug，所以如果开启了动画则只能一次load数据之后使用过滤功能。提示2：如果客户端是IE，则忽略JSP的设置由标签内部强行禁止动画。否则动画会出现瑕疵。
			</td>
		</tr>
				<tr>
			<td>onload</td>
			<td>false</td>
			<td>
			    绑定用户数据视图加载数据的Store对象的onload事件函数。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="option">option</h2>
	<p>Option标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>value</td>
			<td>true</td>
			<td>
			    下拉选项选中后提交给后台的值。
			</td>
		</tr>
				<tr>
			<td>display</td>
			<td>true</td>
			<td>
			    下拉选项显示的文本信息。
			</td>
		</tr>
				<tr>
			<td>c</td>
			<td>false</td>
			<td>
			    附加值C。
			</td>
		</tr>
				<tr>
			<td>d</td>
			<td>false</td>
			<td>
			    附加值D。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="selmodel">selmodel</h2>
	<p>SelModel标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>type</td>
			<td>true</td>
			<td>
			    表格数据选择模型。有效值：row | cell | checkbox。缺省值：Grid为行选择模式(row)。
			</td>
		</tr>
				<tr>
			<td>mode</td>
			<td>true</td>
			<td>
			    表格行选择模式。有效值：single | simple | multi。缺省值：single。single：单行选择模式。simple：简单直接的鼠标多选模式。multi：按住CTRL键后鼠标多选模式。
			</td>
		</tr>
				<tr>
			<td>injectCheckbox</td>
			<td>false</td>
			<td>
			    仅type为checkbox时有效。插入选择框的列索引数值。缺省: 0。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="treepicker">treepicker</h2>
	<p>TreePickerField标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>fieldLabel</td>
			<td>false</td>
			<td>
			    表单项标签文本。
			</td>
		</tr>
				<tr>
			<td>instance</td>
			<td>false</td>
			<td>
			    是否实例化。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>name</td>
			<td>false</td>
			<td>
			    表单项名称。name作为表单提交的参数名称。
			</td>
		</tr>
				<tr>
			<td>value</td>
			<td>false</td>
			<td>
			    表单项的初始化值。
			</td>
		</tr>
				<tr>
			<td>emptyText</td>
			<td>false</td>
			<td>
			    放置到空表单项中的默认文本(默认为null)。注意: 如果当前表单栏处于有效状态并且被配置了一个名称，那么此值会被 提交到服务器。 为了防止提交可以设置Ext.form.Basic.submit中的submitEmptyText 选项为false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    表单项的在Anchor布局下的所占百分比。
			</td>
		</tr>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    表单项的标签宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>allowBlank</td>
			<td>false</td>
			<td>
			    是否允许为空。True:允许空值。
			</td>
		</tr>
				<tr>
			<td>tabIndex</td>
			<td>false</td>
			<td>
			    Tab键的索引顺序。
			</td>
		</tr>
				<tr>
			<td>inputType</td>
			<td>false</td>
			<td>
			    输入栏的类型属性。常用到的有密码输入框，可设置为inputType="password"。
			</td>
		</tr>
				<tr>
			<td>readOnly</td>
			<td>false</td>
			<td>
			    是否只读。true:只读。
			</td>
		</tr>
				<tr>
			<td>vtype</td>
			<td>false</td>
			<td>
			    一个校验类型名。可选值：alpha|alphanum|email|url。
			</td>
		</tr>
				<tr>
			<td>vtypeText</td>
			<td>false</td>
			<td>
			    一个自定义的出错消息，用来替代为当前表单项所设置的vtype所提供的默认消息(默认为'')。 提示:只有设置了 vtype 时才应用此项，否则忽略。
			</td>
		</tr>
				<tr>
			<td>regex</td>
			<td>false</td>
			<td>
			    在校验时，需要在表单项值纸上进行测试的JavaScript RegExp对象(默认为 null)。 如果测试失败，表单项将会使用 regexText 或者 invalidText 进行标记。
			</td>
		</tr>
				<tr>
			<td>regexText</td>
			<td>false</td>
			<td>
			    如果使用了regex并且在校验失败时显示的出错文本。
			</td>
		</tr>
				<tr>
			<td>editable</td>
			<td>false</td>
			<td>
			    设置为false阻止直接在表单项的文本框中输入字符；这时表单项只能通过从按钮的方式来设置值。提示：此设置仅针对下拉框、日期选择框等带有按钮操作的表单项有效。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一：(1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息在默认浏览器title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>hideTrigger</td>
			<td>false</td>
			<td>
			    设置为true时隐藏右角trigger按钮(如下拉组件、日期组件等)，只显示为基础的文本框。缺省：false。
			</td>
		</tr>
				<tr>
			<td>star</td>
			<td>false</td>
			<td>
			    非空必输字段是否出现小红星标注。可选值：true | false。缺省：true。
			</td>
		</tr>
				<tr>
			<td>selectOnFocus</td>
			<td>false</td>
			<td>
			    当表单项获得输入焦点时是否自动选中文本。可选值：true | false。缺省：false。
			</td>
		</tr>
				<tr>
			<td>onchang</td>
			<td>false</td>
			<td>
			    表单输入域的值发生变化时触发的响应事件函数名。如：onchang="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeydown</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键响应事件函数名。如：onkeydown="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeyup</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键松开时响应事件函数名。如：onkeyup="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onfocus</td>
			<td>false</td>
			<td>
			    表单输入域获得焦点时响应事件函数名。如：onfocus="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onselect</td>
			<td>false</td>
			<td>
			    下拉选择框ComboBox选中下拉项目时响应事件函数名。如：onselect="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onenterkey</td>
			<td>false</td>
			<td>
			    表单输入域的回车键按下时响应事件函数名。如：onenterkey="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onspecialkey</td>
			<td>false</td>
			<td>
			    表单输入域的特殊键按下时响应事件函数名。如：specialkey="fnTest"。提示：响应什么特殊键的按下事件需要根据按键事件的句柄在JS函数中判断。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>url</td>
			<td>true</td>
			<td>
			    请求远程数据源的URL地址。
			</td>
		</tr>
				<tr>
			<td>nodeParam</td>
			<td>true</td>
			<td>
			    异步加载树发出请求时携带节点ID的参数名称。缺省：node。提示：该属性仅对异步树有效。。
			</td>
		</tr>
				<tr>
			<td>singleExpand</td>
			<td>false</td>
			<td>
			    是否在同级只能展开一个节点，即展开一个节点，其兄弟节点将闭合。缺省：false。
			</td>
		</tr>
				<tr>
			<td>maxPickerHeight</td>
			<td>false</td>
			<td>
			    下拉图层的最大高度，当展开树节点超过此高度则出现滚动条。缺省：600。
			</td>
		</tr>
				<tr>
			<td>rootText</td>
			<td>false</td>
			<td>
			    树的根节点显示的文本值。缺省：根节点。
			</td>
		</tr>
				<tr>
			<td>rootIcon</td>
			<td>false</td>
			<td>
			    树的根节点显示的图标。
			</td>
		</tr>
				<tr>
			<td>displayField</td>
			<td>false</td>
			<td>
			    显示在文本框里的文本值所对应的树节点的属性字段名。缺省值：text。
			</td>
		</tr>
				<tr>
			<td>rootId</td>
			<td>false</td>
			<td>
			    第一次发出树加载请求时的nodeParam的值。缺省：0。。缺省值：0。
			</td>
		</tr>
				<tr>
			<td>rootVisible</td>
			<td>false</td>
			<td>
			    下拉树根节点是否可见。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>useArrows</td>
			<td>false</td>
			<td>
			    是否使用小箭头展开下级节点。缺省：false(传统加号图标)。提示：如果设为true则显示一个三角小箭头符号图标。
			</td>
		</tr>
				<tr>
			<td>rootAttribute</td>
			<td>false</td>
			<td>
			    根节点的附加属性。如：rootAttribute="a:'a1',b:'b1'"。提示：根节点不会将请求load回来的节点附加属性作为根节点的附加属性，如果需要让根节点有附加属性则需要这里强制附加。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="editing">editing</h2>
	<p>Editing插件标签。适用于Grid组件。</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>ptype</td>
			<td>false</td>
			<td>
			    编辑器插件类型。可选值：rowediting | cellediting。缺省值：rowediting。
			</td>
		</tr>
				<tr>
			<td>clicksToEdit</td>
			<td>false</td>
			<td>
			    配置鼠标点击或双击进入编辑模式。可选值：1 | 2。缺省值：2。
			</td>
		</tr>
				<tr>
			<td>autoCancel</td>
			<td>false</td>
			<td>
			    配置为True时，则自动取消挂起的编辑内容进入下一行的编辑状态。缺省值：true。提示：此属性仅针对表格行编辑插件rowediting有效。
			</td>
		</tr>
				<tr>
			<td>onedit</td>
			<td>false</td>
			<td>
			    单元格编辑事件监听函数名。如：onEdit="fnEdit"。监听函数可定义为：function fnedit(editor, e){ e.record;}。 编辑事件(e)的属性列表： grid - 当前gird。 record - 当前要编辑的record。 field - 要编辑的字段名称。 value - 当前值。 row - grid的行序号。 column - gird上定义的要编辑的Column。 rowIdx - 正在编辑的行索引。 colIdx - 正在编辑的列索引。 originalValue - 字段编辑前的原始值(只有配置CellEditing的时候有效)。 originalValues - 字段编辑前该行的原始值(只有配置RowEditing的时候有效)。 newValues - 要设置的新值(只有配置RowEditing的时候有效)。 view - 这个grid的视图 (只有配置RowEditing的时候有效)。 store - 当前grid的store (只有配置RowEditing的时候有效)。
			</td>
		</tr>
				<tr>
			<td>onbeforeedit</td>
			<td>false</td>
			<td>
			    单元格编辑前事件监听函数名。如：onbeforeedit="fnBeforeEdit"。监听函数可定义为：function fnedit(editor, e){ e.record;}。 编辑事件(e)的属性列表： grid - 当前gird。 record - 当前要编辑的record。 field - 要编辑的字段名称。 value - 当前值。 row - grid的行序号。 column - gird上定义的要编辑的Column。 rowIdx - 正在编辑的行索引。 colIdx - 正在编辑的列索引。 originalValue - 字段编辑前的原始值(只有配置CellEditing的时候有效)。 originalValues - 字段编辑前该行的原始值(只有配置RowEditing的时候有效)。 newValues - 要设置的新值(只有配置RowEditing的时候有效)。 view - 这个grid的视图 (只有配置RowEditing的时候有效)。 store - 当前grid的store (只有配置RowEditing的时候有效)。
			</td>
		</tr>
				<tr>
			<td>oncanceledit</td>
			<td>false</td>
			<td>
			    单元格编辑取消事件监听函数名。如：oncanceledit="fnCancelEdit"。监听函数可定义为：function fnedit(editor, e){ e.record;}。 编辑事件(e)的属性列表： grid - 当前gird。 record - 当前要编辑的record。 field - 要编辑的字段名称。 value - 当前值。 row - grid的行序号。 column - gird上定义的要编辑的Column。 rowIdx - 正在编辑的行索引。 colIdx - 正在编辑的列索引。 originalValue - 字段编辑前的原始值(只有配置CellEditing的时候有效)。 originalValues - 字段编辑前该行的原始值(只有配置RowEditing的时候有效)。 newValues - 要设置的新值(只有配置RowEditing的时候有效)。 view - 这个grid的视图 (只有配置RowEditing的时候有效)。 store - 当前grid的store (只有配置RowEditing的时候有效)。
			</td>
		</tr>
				<tr>
			<td>onvalidateedit</td>
			<td>false</td>
			<td>
			    单元格编辑后，recorde被设置前事件监听函数名。如：onvalidateedit="fnValidateEdit"。监听函数可定义为：function fnedit(editor, e){ e.record;}。 编辑事件(e)的属性列表： grid - 当前gird。 record - 当前要编辑的record。 field - 要编辑的字段名称。 value - 当前值。 row - grid的行序号。 column - gird上定义的要编辑的Column。 rowIdx - 正在编辑的行索引。 colIdx - 正在编辑的列索引。 originalValue - 字段编辑前的原始值(只有配置CellEditing的时候有效)。 originalValues - 字段编辑前该行的原始值(只有配置RowEditing的时候有效)。 newValues - 要设置的新值(只有配置RowEditing的时候有效)。 view - 这个grid的视图 (只有配置RowEditing的时候有效)。 store - 当前grid的store (只有配置RowEditing的时候有效)。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="menu">menu</h2>
	<p>菜单组件容器面板。</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>title</td>
			<td>false</td>
			<td>
			    显示在面板头部的文本标题(默认为'')。如有指定了titile那么头部元素header会自动生成和显示，除非header强制设为false。如果你不想在写配置时指定好title， 不过想在后面才加入的话，你必须先指定一个非空的标题（具体说是空白字符''亦可或header：true），这样才保证容器元素生成出来。提示：缺省标题为常规字体，如果想显示为加粗字体，可以在标题文本前加语义表达式!。如:title="!我是粗体标题"。
			</td>
		</tr>
				<tr>
			<td>collapsible</td>
			<td>false</td>
			<td>
			    True表示为面板是可收缩的，并自动渲染一个展开/收缩的轮换按钮在头部工具条。false表示为保持面板为一个静止的尺寸（缺省为false）。
			</td>
		</tr>
				<tr>
			<td>collapsed</td>
			<td>false</td>
			<td>
			    True 表示为渲染面板后即闭合（默认为false）。
			</td>
		</tr>
				<tr>
			<td>titleCollapse</td>
			<td>false</td>
			<td>
			    True表示为允许单击头部区域任何一个位置都可收缩面板（当collapsible = true）反之只允许单击工具按钮（默认为false）。提示：Accordion布局的时候默认为true。
			</td>
		</tr>
				<tr>
			<td>bodyStyle</td>
			<td>false</td>
			<td>
			    应用于该组件的Body元素的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>bodyPadding</td>
			<td>false</td>
			<td>
			    设置容器body区域的内边距。在body元素上设置padding样式的快捷方式。这个值可以是一个数字被应用到所有的边界， 或者是一个正规的CSS字符串用于设定padding。默认为undefined。
			</td>
		</tr>
				<tr>
			<td>headerBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的Header边框(标题所占区域)。防止组件边框重叠。设置方法:headerBorder="0 0 1"代表顺序(top right left)。提示：无bottom边框，数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>bodyBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的body边框(主体区域)。防止组件边框重叠。设置方法:bodyBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>splitterBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件之间手动滑柄栏的边框。防止组件边框重叠。设置方法:splitterBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>closable</td>
			<td>false</td>
			<td>
			    组件显示关闭图标。缺省调用close方法，这将销毁组件中的元素不能再被使用。
			</td>
		</tr>
				<tr>
			<td>closeAction</td>
			<td>false</td>
			<td>
			    当标题头的关闭按钮被单击这个动作将被执行。可选：destroy|hide。默认：hide。
			</td>
		</tr>
				<tr>
			<td>collapseMode</td>
			<td>false</td>
			<td>
			    Border布局下组件折叠收缩模式。header：收缩后显示头部栏位。mini：收缩后不显示头部栏位。
			</td>
		</tr>
				<tr>
			<td>header</td>
			<td>false</td>
			<td>
			    通过设置false来阻止面板型组件的标题头被创建与渲染，默认为true。
			</td>
		</tr>
				<tr>
			<td>autoShow</td>
			<td>false</td>
			<td>
			    True：自动构造和渲染组件到页面主体区域。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>layout</td>
			<td>false</td>
			<td>
			    此容器所使用的布局类型。常规容器缺省布局：auto；表单系列的布局面板使用的缺省布局：column。可选值：accordion|anchor|absolute|border|card|column|fit|form|table|auto|hbox|vbox。
			</td>
		</tr>
				<tr>
			<td>constrain</td>
			<td>false</td>
			<td>
			    设置是否禁止在组件内容溢出时父容器是包容隐藏子组件。缺省值：在window组件和FormPanel组件中为true，其它容器组件为空。
			</td>
		</tr>
				<tr>
			<td>split</td>
			<td>false</td>
			<td>
			    布局辅助项。split:true属性的区域都将得到 一个Splitter并允许手动调整大小。(除中心区域) 缺省：false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    此属性在使用anchor布局及其子布局的容器的子组件中配置。 模式1：百分比， 例如:anchor="100% 50%" 表示子组件的宽度为即等于容器的宽度, 高度为容器的1/2。 模式2：偏移量，例如anchor="-50 -100" 表示子组件的宽度为容器的宽度减50px, 高度为容器的高度减100px. 模式3：混合模式，例如anchor="-50 75%"。
			</td>
		</tr>
				<tr>
			<td>x</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器左边距的距离。
			</td>
		</tr>
				<tr>
			<td>y</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器上边距的距离。
			</td>
		</tr>
				<tr>
			<td>rowspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨行数目。
			</td>
		</tr>
				<tr>
			<td>colspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨列数目。
			</td>
		</tr>
				<tr>
			<td>flex</td>
			<td>false</td>
			<td>
			    vbox|hbox布局专用属性，根据当前子项的flex值与所有其他含flex值子项的值的和 的相对比例进行伸缩('hbox'中横向, 'vbox'中纵向). 任何'flex=0'或'flex=undefined'的子项将不被伸缩(即组件原始尺寸不会被修改)。
			</td>
		</tr>
				<tr>
			<td>onactivate</td>
			<td>false</td>
			<td>
			    组件激活后触发。
			</td>
		</tr>
				<tr>
			<td>onclose</td>
			<td>false</td>
			<td>
			    可关闭组件关闭后触发。
			</td>
		</tr>
				<tr>
			<td>oncollapse</td>
			<td>false</td>
			<td>
			    可折叠组件折叠后触发。
			</td>
		</tr>
				<tr>
			<td>onexpand</td>
			<td>false</td>
			<td>
			    可展开组件展开后触发。
			</td>
		</tr>
				<tr>
			<td>onhide</td>
			<td>false</td>
			<td>
			    组件隐藏后触发。
			</td>
		</tr>
				<tr>
			<td>onrender</td>
			<td>false</td>
			<td>
			    组件被渲染后触发。
			</td>
		</tr>
				<tr>
			<td>onshow</td>
			<td>false</td>
			<td>
			    组件被显示后触发。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>plain</td>
			<td>false</td>
			<td>
			    为true时，删除菜单左侧向下刻线并且不缩进菜单组件项目。缺省：false。
			</td>
		</tr>
				<tr>
			<td>floating</td>
			<td>false</td>
			<td>
			    true (the default) will be rendered as an absolutely positioned, floating Component. If configured as floating: false, the Menu may be used as a child item of another Container.Defaults to: true
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="rowset">rowset</h2>
	<p>RowSet标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>rowSpace</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素行间距。如：rowSpace="5"。
			</td>
		</tr>
				<tr>
			<td>itemAnchor</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素所占百分比。如：activeTabBarColor="80%"。
			</td>
		</tr>
				<tr>
			<td>defaultType</td>
			<td>false</td>
			<td>
			    直系表单项缺省xtype类型。缺省值：textfield。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一 (1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息以浏览器默认的title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>title</td>
			<td>false</td>
			<td>
			    显示在面板头部的文本标题(默认为'')。如有指定了titile那么头部元素header会自动生成和显示，除非header强制设为false。如果你不想在写配置时指定好title， 不过想在后面才加入的话，你必须先指定一个非空的标题（具体说是空白字符''亦可或header：true），这样才保证容器元素生成出来。提示：缺省标题为常规字体，如果想显示为加粗字体，可以在标题文本前加语义表达式!。如:title="!我是粗体标题"。
			</td>
		</tr>
				<tr>
			<td>collapsible</td>
			<td>false</td>
			<td>
			    True表示为面板是可收缩的，并自动渲染一个展开/收缩的轮换按钮在头部工具条。false表示为保持面板为一个静止的尺寸（缺省为false）。
			</td>
		</tr>
				<tr>
			<td>collapsed</td>
			<td>false</td>
			<td>
			    True 表示为渲染面板后即闭合（默认为false）。
			</td>
		</tr>
				<tr>
			<td>titleCollapse</td>
			<td>false</td>
			<td>
			    True表示为允许单击头部区域任何一个位置都可收缩面板（当collapsible = true）反之只允许单击工具按钮（默认为false）。提示：Accordion布局的时候默认为true。
			</td>
		</tr>
				<tr>
			<td>bodyStyle</td>
			<td>false</td>
			<td>
			    应用于该组件的Body元素的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>bodyPadding</td>
			<td>false</td>
			<td>
			    设置容器body区域的内边距。在body元素上设置padding样式的快捷方式。这个值可以是一个数字被应用到所有的边界， 或者是一个正规的CSS字符串用于设定padding。默认为undefined。
			</td>
		</tr>
				<tr>
			<td>headerBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的Header边框(标题所占区域)。防止组件边框重叠。设置方法:headerBorder="0 0 1"代表顺序(top right left)。提示：无bottom边框，数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>bodyBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的body边框(主体区域)。防止组件边框重叠。设置方法:bodyBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>splitterBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件之间手动滑柄栏的边框。防止组件边框重叠。设置方法:splitterBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>closable</td>
			<td>false</td>
			<td>
			    组件显示关闭图标。缺省调用close方法，这将销毁组件中的元素不能再被使用。
			</td>
		</tr>
				<tr>
			<td>closeAction</td>
			<td>false</td>
			<td>
			    当标题头的关闭按钮被单击这个动作将被执行。可选：destroy|hide。默认：hide。
			</td>
		</tr>
				<tr>
			<td>collapseMode</td>
			<td>false</td>
			<td>
			    Border布局下组件折叠收缩模式。header：收缩后显示头部栏位。mini：收缩后不显示头部栏位。
			</td>
		</tr>
				<tr>
			<td>header</td>
			<td>false</td>
			<td>
			    通过设置false来阻止面板型组件的标题头被创建与渲染，默认为true。
			</td>
		</tr>
				<tr>
			<td>autoShow</td>
			<td>false</td>
			<td>
			    True：自动构造和渲染组件到页面主体区域。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>layout</td>
			<td>false</td>
			<td>
			    此容器所使用的布局类型。常规容器缺省布局：auto；表单系列的布局面板使用的缺省布局：column。可选值：accordion|anchor|absolute|border|card|column|fit|form|table|auto|hbox|vbox。
			</td>
		</tr>
				<tr>
			<td>constrain</td>
			<td>false</td>
			<td>
			    设置是否禁止在组件内容溢出时父容器是包容隐藏子组件。缺省值：在window组件和FormPanel组件中为true，其它容器组件为空。
			</td>
		</tr>
				<tr>
			<td>split</td>
			<td>false</td>
			<td>
			    布局辅助项。split:true属性的区域都将得到 一个Splitter并允许手动调整大小。(除中心区域) 缺省：false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    此属性在使用anchor布局及其子布局的容器的子组件中配置。 模式1：百分比， 例如:anchor="100% 50%" 表示子组件的宽度为即等于容器的宽度, 高度为容器的1/2。 模式2：偏移量，例如anchor="-50 -100" 表示子组件的宽度为容器的宽度减50px, 高度为容器的高度减100px. 模式3：混合模式，例如anchor="-50 75%"。
			</td>
		</tr>
				<tr>
			<td>x</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器左边距的距离。
			</td>
		</tr>
				<tr>
			<td>y</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器上边距的距离。
			</td>
		</tr>
				<tr>
			<td>rowspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨行数目。
			</td>
		</tr>
				<tr>
			<td>colspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨列数目。
			</td>
		</tr>
				<tr>
			<td>flex</td>
			<td>false</td>
			<td>
			    vbox|hbox布局专用属性，根据当前子项的flex值与所有其他含flex值子项的值的和 的相对比例进行伸缩('hbox'中横向, 'vbox'中纵向). 任何'flex=0'或'flex=undefined'的子项将不被伸缩(即组件原始尺寸不会被修改)。
			</td>
		</tr>
				<tr>
			<td>onactivate</td>
			<td>false</td>
			<td>
			    组件激活后触发。
			</td>
		</tr>
				<tr>
			<td>onclose</td>
			<td>false</td>
			<td>
			    可关闭组件关闭后触发。
			</td>
		</tr>
				<tr>
			<td>oncollapse</td>
			<td>false</td>
			<td>
			    可折叠组件折叠后触发。
			</td>
		</tr>
				<tr>
			<td>onexpand</td>
			<td>false</td>
			<td>
			    可展开组件展开后触发。
			</td>
		</tr>
				<tr>
			<td>onhide</td>
			<td>false</td>
			<td>
			    组件隐藏后触发。
			</td>
		</tr>
				<tr>
			<td>onrender</td>
			<td>false</td>
			<td>
			    组件被渲染后触发。
			</td>
		</tr>
				<tr>
			<td>onshow</td>
			<td>false</td>
			<td>
			    组件被显示后触发。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="menuitem">menuitem</h2>
	<p>菜单项目标签。</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>text</td>
			<td>false</td>
			<td>
			    组件显示的主体文本。
			</td>
		</tr>
				<tr>
			<td>onclick</td>
			<td>false</td>
			<td>
			    当点击按钮触发的函数。如：onclick="fnFuck()"或onclick="fnFuck"或onclick="!fnFuck"，最后一种带!的方式可以将当前组件对象和句柄传递给对应函数。提示：对于按钮系列的onclick也 可以这样用：直接执行一段合法的JS代码片段。如：onclick="#id_mywindow.hide();" 。
			</td>
		</tr>
				<tr>
			<td>scale</td>
			<td>false</td>
			<td>
			    按钮大小。默认：small。可选：small|medium|large。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>plain</td>
			<td>false</td>
			<td>
			    为true时，删除菜单左侧向下刻线并且不缩进菜单组件项目。缺省：false。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    组件类型。可选类型为：menuseparator|menuitem。默认：menuitem。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="textareafield">textareafield</h2>
	<p>TextAreaField标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>instance</td>
			<td>false</td>
			<td>
			    是否实例化。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>name</td>
			<td>false</td>
			<td>
			    表单项名称。name作为表单提交的参数名称。
			</td>
		</tr>
				<tr>
			<td>value</td>
			<td>false</td>
			<td>
			    表单项的初始化值。
			</td>
		</tr>
				<tr>
			<td>emptyText</td>
			<td>false</td>
			<td>
			    放置到空表单项中的默认文本(默认为null)。注意: 如果当前表单栏处于有效状态并且被配置了一个名称，那么此值会被 提交到服务器。 为了防止提交可以设置Ext.form.Basic.submit中的submitEmptyText 选项为false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    表单项的在Anchor布局下的所占百分比。
			</td>
		</tr>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    表单项的标签宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>allowBlank</td>
			<td>false</td>
			<td>
			    是否允许为空。True:允许空值。
			</td>
		</tr>
				<tr>
			<td>tabIndex</td>
			<td>false</td>
			<td>
			    Tab键的索引顺序。
			</td>
		</tr>
				<tr>
			<td>inputType</td>
			<td>false</td>
			<td>
			    输入栏的类型属性。常用到的有密码输入框，可设置为inputType="password"。
			</td>
		</tr>
				<tr>
			<td>readOnly</td>
			<td>false</td>
			<td>
			    是否只读。true:只读。
			</td>
		</tr>
				<tr>
			<td>vtype</td>
			<td>false</td>
			<td>
			    一个校验类型名。可选值：alpha|alphanum|email|url。
			</td>
		</tr>
				<tr>
			<td>vtypeText</td>
			<td>false</td>
			<td>
			    一个自定义的出错消息，用来替代为当前表单项所设置的vtype所提供的默认消息(默认为'')。 提示:只有设置了 vtype 时才应用此项，否则忽略。
			</td>
		</tr>
				<tr>
			<td>regex</td>
			<td>false</td>
			<td>
			    在校验时，需要在表单项值纸上进行测试的JavaScript RegExp对象(默认为 null)。 如果测试失败，表单项将会使用 regexText 或者 invalidText 进行标记。
			</td>
		</tr>
				<tr>
			<td>regexText</td>
			<td>false</td>
			<td>
			    如果使用了regex并且在校验失败时显示的出错文本。
			</td>
		</tr>
				<tr>
			<td>editable</td>
			<td>false</td>
			<td>
			    设置为false阻止直接在表单项的文本框中输入字符；这时表单项只能通过从按钮的方式来设置值。提示：此设置仅针对下拉框、日期选择框等带有按钮操作的表单项有效。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一：(1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息在默认浏览器title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>hideTrigger</td>
			<td>false</td>
			<td>
			    设置为true时隐藏右角trigger按钮(如下拉组件、日期组件等)，只显示为基础的文本框。缺省：false。
			</td>
		</tr>
				<tr>
			<td>star</td>
			<td>false</td>
			<td>
			    非空必输字段是否出现小红星标注。可选值：true | false。缺省：true。
			</td>
		</tr>
				<tr>
			<td>selectOnFocus</td>
			<td>false</td>
			<td>
			    当表单项获得输入焦点时是否自动选中文本。可选值：true | false。缺省：false。
			</td>
		</tr>
				<tr>
			<td>onchang</td>
			<td>false</td>
			<td>
			    表单输入域的值发生变化时触发的响应事件函数名。如：onchang="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeydown</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键响应事件函数名。如：onkeydown="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeyup</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键松开时响应事件函数名。如：onkeyup="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onfocus</td>
			<td>false</td>
			<td>
			    表单输入域获得焦点时响应事件函数名。如：onfocus="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onselect</td>
			<td>false</td>
			<td>
			    下拉选择框ComboBox选中下拉项目时响应事件函数名。如：onselect="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onenterkey</td>
			<td>false</td>
			<td>
			    表单输入域的回车键按下时响应事件函数名。如：onenterkey="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onspecialkey</td>
			<td>false</td>
			<td>
			    表单输入域的特殊键按下时响应事件函数名。如：specialkey="fnTest"。提示：响应什么特殊键的按下事件需要根据按键事件的句柄在JS函数中判断。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>fieldLabel</td>
			<td>false</td>
			<td>
			    表单项标签文本。
			</td>
		</tr>
				<tr>
			<td>grow</td>
			<td>false</td>
			<td>
			    文本输入框的高度是否随着内容自动扩展而不出现滚动条。默认：false。
			</td>
		</tr>
				<tr>
			<td>maxLength</td>
			<td>false</td>
			<td>
			    校验时表单项允许输入的最大长度。
			</td>
		</tr>
				<tr>
			<td>minLength</td>
			<td>false</td>
			<td>
			    校验时表单项允许输入的最小长度。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="treepanel">treepanel</h2>
	<p>TreePanel标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>title</td>
			<td>false</td>
			<td>
			    显示在面板头部的文本标题(默认为'')。如有指定了titile那么头部元素header会自动生成和显示，除非header强制设为false。如果你不想在写配置时指定好title， 不过想在后面才加入的话，你必须先指定一个非空的标题（具体说是空白字符''亦可或header：true），这样才保证容器元素生成出来。提示：缺省标题为常规字体，如果想显示为加粗字体，可以在标题文本前加语义表达式!。如:title="!我是粗体标题"。
			</td>
		</tr>
				<tr>
			<td>collapsible</td>
			<td>false</td>
			<td>
			    True表示为面板是可收缩的，并自动渲染一个展开/收缩的轮换按钮在头部工具条。false表示为保持面板为一个静止的尺寸（缺省为false）。
			</td>
		</tr>
				<tr>
			<td>collapsed</td>
			<td>false</td>
			<td>
			    True 表示为渲染面板后即闭合（默认为false）。
			</td>
		</tr>
				<tr>
			<td>titleCollapse</td>
			<td>false</td>
			<td>
			    True表示为允许单击头部区域任何一个位置都可收缩面板（当collapsible = true）反之只允许单击工具按钮（默认为false）。提示：Accordion布局的时候默认为true。
			</td>
		</tr>
				<tr>
			<td>bodyStyle</td>
			<td>false</td>
			<td>
			    应用于该组件的Body元素的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>bodyPadding</td>
			<td>false</td>
			<td>
			    设置容器body区域的内边距。在body元素上设置padding样式的快捷方式。这个值可以是一个数字被应用到所有的边界， 或者是一个正规的CSS字符串用于设定padding。默认为undefined。
			</td>
		</tr>
				<tr>
			<td>headerBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的Header边框(标题所占区域)。防止组件边框重叠。设置方法:headerBorder="0 0 1"代表顺序(top right left)。提示：无bottom边框，数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>bodyBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的body边框(主体区域)。防止组件边框重叠。设置方法:bodyBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>splitterBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件之间手动滑柄栏的边框。防止组件边框重叠。设置方法:splitterBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>closable</td>
			<td>false</td>
			<td>
			    组件显示关闭图标。缺省调用close方法，这将销毁组件中的元素不能再被使用。
			</td>
		</tr>
				<tr>
			<td>closeAction</td>
			<td>false</td>
			<td>
			    当标题头的关闭按钮被单击这个动作将被执行。可选：destroy|hide。默认：hide。
			</td>
		</tr>
				<tr>
			<td>collapseMode</td>
			<td>false</td>
			<td>
			    Border布局下组件折叠收缩模式。header：收缩后显示头部栏位。mini：收缩后不显示头部栏位。
			</td>
		</tr>
				<tr>
			<td>header</td>
			<td>false</td>
			<td>
			    通过设置false来阻止面板型组件的标题头被创建与渲染，默认为true。
			</td>
		</tr>
				<tr>
			<td>autoShow</td>
			<td>false</td>
			<td>
			    True：自动构造和渲染组件到页面主体区域。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>layout</td>
			<td>false</td>
			<td>
			    此容器所使用的布局类型。常规容器缺省布局：auto；表单系列的布局面板使用的缺省布局：column。可选值：accordion|anchor|absolute|border|card|column|fit|form|table|auto|hbox|vbox。
			</td>
		</tr>
				<tr>
			<td>constrain</td>
			<td>false</td>
			<td>
			    设置是否禁止在组件内容溢出时父容器是包容隐藏子组件。缺省值：在window组件和FormPanel组件中为true，其它容器组件为空。
			</td>
		</tr>
				<tr>
			<td>split</td>
			<td>false</td>
			<td>
			    布局辅助项。split:true属性的区域都将得到 一个Splitter并允许手动调整大小。(除中心区域) 缺省：false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    此属性在使用anchor布局及其子布局的容器的子组件中配置。 模式1：百分比， 例如:anchor="100% 50%" 表示子组件的宽度为即等于容器的宽度, 高度为容器的1/2。 模式2：偏移量，例如anchor="-50 -100" 表示子组件的宽度为容器的宽度减50px, 高度为容器的高度减100px. 模式3：混合模式，例如anchor="-50 75%"。
			</td>
		</tr>
				<tr>
			<td>x</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器左边距的距离。
			</td>
		</tr>
				<tr>
			<td>y</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器上边距的距离。
			</td>
		</tr>
				<tr>
			<td>rowspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨行数目。
			</td>
		</tr>
				<tr>
			<td>colspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨列数目。
			</td>
		</tr>
				<tr>
			<td>flex</td>
			<td>false</td>
			<td>
			    vbox|hbox布局专用属性，根据当前子项的flex值与所有其他含flex值子项的值的和 的相对比例进行伸缩('hbox'中横向, 'vbox'中纵向). 任何'flex=0'或'flex=undefined'的子项将不被伸缩(即组件原始尺寸不会被修改)。
			</td>
		</tr>
				<tr>
			<td>onactivate</td>
			<td>false</td>
			<td>
			    组件激活后触发。
			</td>
		</tr>
				<tr>
			<td>onclose</td>
			<td>false</td>
			<td>
			    可关闭组件关闭后触发。
			</td>
		</tr>
				<tr>
			<td>oncollapse</td>
			<td>false</td>
			<td>
			    可折叠组件折叠后触发。
			</td>
		</tr>
				<tr>
			<td>onexpand</td>
			<td>false</td>
			<td>
			    可展开组件展开后触发。
			</td>
		</tr>
				<tr>
			<td>onhide</td>
			<td>false</td>
			<td>
			    组件隐藏后触发。
			</td>
		</tr>
				<tr>
			<td>onrender</td>
			<td>false</td>
			<td>
			    组件被渲染后触发。
			</td>
		</tr>
				<tr>
			<td>onshow</td>
			<td>false</td>
			<td>
			    组件被显示后触发。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>url</td>
			<td>false</td>
			<td>
			    请求远程数据源的URL地址。
			</td>
		</tr>
				<tr>
			<td>rootVisible</td>
			<td>false</td>
			<td>
			    是否显示根节点。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>rootExpanded</td>
			<td>false</td>
			<td>
			    是否初始时展开根节点。可选值：true | false。缺省值：true。提示：如果设置为true，则组件会自动load()数据，如果不希望组件立即load则应该设置为false，然后再需要load()的时候 调用根节点的expand()方法，会自动触发load()。上述规则必须是rootVisible=true时候才有效，如果根节点不可见，则在初始的时候就会立即load()数据。
			</td>
		</tr>
				<tr>
			<td>rootChecked</td>
			<td>false</td>
			<td>
			    控制根节点是否出现复选框及其选中状态。可选值：true | false。提示：不设置此属性，根节点不出现复选框；true，根节点出现复选框且选中；false，根节点出现复选框但未选中。
			</td>
		</tr>
				<tr>
			<td>useArrows</td>
			<td>false</td>
			<td>
			    是否使用小箭头展开下级节点。缺省：true。提示：如果设为false则显示一个+符号图标。
			</td>
		</tr>
				<tr>
			<td>singleExpand</td>
			<td>false</td>
			<td>
			    是否在同级只能展开一个节点，即展开一个节点，其兄弟节点将闭合。缺省：false。
			</td>
		</tr>
				<tr>
			<td>expandAll</td>
			<td>false</td>
			<td>
			    是否自动展开节点。缺省：false。
			</td>
		</tr>
				<tr>
			<td>lines</td>
			<td>false</td>
			<td>
			    是否显示节点分割线。缺省：true。
			</td>
		</tr>
				<tr>
			<td>columnLines</td>
			<td>false</td>
			<td>
			    是否显示列纵向分割线(TreeGrid)。缺省：false。
			</td>
		</tr>
				<tr>
			<td>rowLines</td>
			<td>false</td>
			<td>
			    是否显示行横向分割线。如果是treegrid，缺省true，否则false。
			</td>
		</tr>
				<tr>
			<td>rootAttribute</td>
			<td>false</td>
			<td>
			    根节点的附加属性。如：rootAttribute="a:'a1',b:'b1'"。提示：根节点不会将请求load回来的节点附加属性作为根节点的附加属性，如果需要让根节点有附加属性则需要这里强制附加。
			</td>
		</tr>
				<tr>
			<td>nodeParam</td>
			<td>false</td>
			<td>
			    异步加载树发出请求时携带节点ID的参数名称。缺省：node。
			</td>
		</tr>
				<tr>
			<td>rootId</td>
			<td>false</td>
			<td>
			    第一次发出树加载请求时的nodeParam的值。缺省：0。
			</td>
		</tr>
				<tr>
			<td>rootText</td>
			<td>false</td>
			<td>
			    异步加载树的根节点显示的文本值。缺省：根节点。
			</td>
		</tr>
				<tr>
			<td>rootIcon</td>
			<td>false</td>
			<td>
			    异步加载树的根节点显示的图标。提示：该属性仅对异步树有效。
			</td>
		</tr>
				<tr>
			<td>cascade</td>
			<td>false</td>
			<td>
			    复选框是否支持级联选择模式。可选：true|false。缺省：false。
			</td>
		</tr>
				<tr>
			<td>expandPath</td>
			<td>false</td>
			<td>
			    指定节点展开路径。用节点ID值表示。如：expandPath="/0/001/001001"。
			</td>
		</tr>
				<tr>
			<td>enableLocking</td>
			<td>false</td>
			<td>
			    是否启用树型表格列的锁定功能。缺省：false。提示：如果某一列被设置为locked="true"，则列锁定功能被自动启用。此设置仅对TreeGrid适用。
			</td>
		</tr>
				<tr>
			<td>onitemclick</td>
			<td>false</td>
			<td>
			    树节点单击事件的响应函数名。如：onitemclick="fnclick"。函数定义如下：fnclick(view, record, item, index, e){}。
			</td>
		</tr>
				<tr>
			<td>onitemdblclick</td>
			<td>false</td>
			<td>
			    响应节点双击事件的函数名。
			</td>
		</tr>
				<tr>
			<td>onselectionchange</td>
			<td>false</td>
			<td>
			    响应所选节点发生变化时触发的事件函数。
			</td>
		</tr>
				<tr>
			<td>singleClick</td>
			<td>false</td>
			<td>
			    是否单击响应节点展开与收缩事件。缺省：true。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="iframe">iframe</h2>
	<p>Iframe标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>title</td>
			<td>false</td>
			<td>
			    显示在面板头部的文本标题(默认为'')。如有指定了titile那么头部元素header会自动生成和显示，除非header强制设为false。如果你不想在写配置时指定好title， 不过想在后面才加入的话，你必须先指定一个非空的标题（具体说是空白字符''亦可或header：true），这样才保证容器元素生成出来。提示：缺省标题为常规字体，如果想显示为加粗字体，可以在标题文本前加语义表达式!。如:title="!我是粗体标题"。
			</td>
		</tr>
				<tr>
			<td>collapsible</td>
			<td>false</td>
			<td>
			    True表示为面板是可收缩的，并自动渲染一个展开/收缩的轮换按钮在头部工具条。false表示为保持面板为一个静止的尺寸（缺省为false）。
			</td>
		</tr>
				<tr>
			<td>collapsed</td>
			<td>false</td>
			<td>
			    True 表示为渲染面板后即闭合（默认为false）。
			</td>
		</tr>
				<tr>
			<td>titleCollapse</td>
			<td>false</td>
			<td>
			    True表示为允许单击头部区域任何一个位置都可收缩面板（当collapsible = true）反之只允许单击工具按钮（默认为false）。提示：Accordion布局的时候默认为true。
			</td>
		</tr>
				<tr>
			<td>bodyStyle</td>
			<td>false</td>
			<td>
			    应用于该组件的Body元素的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>bodyPadding</td>
			<td>false</td>
			<td>
			    设置容器body区域的内边距。在body元素上设置padding样式的快捷方式。这个值可以是一个数字被应用到所有的边界， 或者是一个正规的CSS字符串用于设定padding。默认为undefined。
			</td>
		</tr>
				<tr>
			<td>headerBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的Header边框(标题所占区域)。防止组件边框重叠。设置方法:headerBorder="0 0 1"代表顺序(top right left)。提示：无bottom边框，数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>bodyBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的body边框(主体区域)。防止组件边框重叠。设置方法:bodyBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>splitterBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件之间手动滑柄栏的边框。防止组件边框重叠。设置方法:splitterBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>closable</td>
			<td>false</td>
			<td>
			    组件显示关闭图标。缺省调用close方法，这将销毁组件中的元素不能再被使用。
			</td>
		</tr>
				<tr>
			<td>closeAction</td>
			<td>false</td>
			<td>
			    当标题头的关闭按钮被单击这个动作将被执行。可选：destroy|hide。默认：hide。
			</td>
		</tr>
				<tr>
			<td>collapseMode</td>
			<td>false</td>
			<td>
			    Border布局下组件折叠收缩模式。header：收缩后显示头部栏位。mini：收缩后不显示头部栏位。
			</td>
		</tr>
				<tr>
			<td>header</td>
			<td>false</td>
			<td>
			    通过设置false来阻止面板型组件的标题头被创建与渲染，默认为true。
			</td>
		</tr>
				<tr>
			<td>autoShow</td>
			<td>false</td>
			<td>
			    True：自动构造和渲染组件到页面主体区域。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>layout</td>
			<td>false</td>
			<td>
			    此容器所使用的布局类型。常规容器缺省布局：auto；表单系列的布局面板使用的缺省布局：column。可选值：accordion|anchor|absolute|border|card|column|fit|form|table|auto|hbox|vbox。
			</td>
		</tr>
				<tr>
			<td>constrain</td>
			<td>false</td>
			<td>
			    设置是否禁止在组件内容溢出时父容器是包容隐藏子组件。缺省值：在window组件和FormPanel组件中为true，其它容器组件为空。
			</td>
		</tr>
				<tr>
			<td>split</td>
			<td>false</td>
			<td>
			    布局辅助项。split:true属性的区域都将得到 一个Splitter并允许手动调整大小。(除中心区域) 缺省：false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    此属性在使用anchor布局及其子布局的容器的子组件中配置。 模式1：百分比， 例如:anchor="100% 50%" 表示子组件的宽度为即等于容器的宽度, 高度为容器的1/2。 模式2：偏移量，例如anchor="-50 -100" 表示子组件的宽度为容器的宽度减50px, 高度为容器的高度减100px. 模式3：混合模式，例如anchor="-50 75%"。
			</td>
		</tr>
				<tr>
			<td>x</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器左边距的距离。
			</td>
		</tr>
				<tr>
			<td>y</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器上边距的距离。
			</td>
		</tr>
				<tr>
			<td>rowspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨行数目。
			</td>
		</tr>
				<tr>
			<td>colspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨列数目。
			</td>
		</tr>
				<tr>
			<td>flex</td>
			<td>false</td>
			<td>
			    vbox|hbox布局专用属性，根据当前子项的flex值与所有其他含flex值子项的值的和 的相对比例进行伸缩('hbox'中横向, 'vbox'中纵向). 任何'flex=0'或'flex=undefined'的子项将不被伸缩(即组件原始尺寸不会被修改)。
			</td>
		</tr>
				<tr>
			<td>onactivate</td>
			<td>false</td>
			<td>
			    组件激活后触发。
			</td>
		</tr>
				<tr>
			<td>onclose</td>
			<td>false</td>
			<td>
			    可关闭组件关闭后触发。
			</td>
		</tr>
				<tr>
			<td>oncollapse</td>
			<td>false</td>
			<td>
			    可折叠组件折叠后触发。
			</td>
		</tr>
				<tr>
			<td>onexpand</td>
			<td>false</td>
			<td>
			    可展开组件展开后触发。
			</td>
		</tr>
				<tr>
			<td>onhide</td>
			<td>false</td>
			<td>
			    组件隐藏后触发。
			</td>
		</tr>
				<tr>
			<td>onrender</td>
			<td>false</td>
			<td>
			    组件被渲染后触发。
			</td>
		</tr>
				<tr>
			<td>onshow</td>
			<td>false</td>
			<td>
			    组件被显示后触发。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>loadMask</td>
			<td>false</td>
			<td>
			    加载页面时的文本信息。提示：这个文本信息只有后加载模式，即通过iframe.load(url)的方式才会显示。
			</td>
		</tr>
				<tr>
			<td>src</td>
			<td>false</td>
			<td>
			    IFrame加载的URL。也可以通过iframe.load(url)的方式来设置。
			</td>
		</tr>
				<tr>
			<td>mask</td>
			<td>false</td>
			<td>
			    是否显示加载页面时的文本信息。可选值：true|false。缺省值：true。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="window">window</h2>
	<p>Window标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>title</td>
			<td>false</td>
			<td>
			    显示在面板头部的文本标题(默认为'')。如有指定了titile那么头部元素header会自动生成和显示，除非header强制设为false。如果你不想在写配置时指定好title， 不过想在后面才加入的话，你必须先指定一个非空的标题（具体说是空白字符''亦可或header：true），这样才保证容器元素生成出来。提示：缺省标题为常规字体，如果想显示为加粗字体，可以在标题文本前加语义表达式!。如:title="!我是粗体标题"。
			</td>
		</tr>
				<tr>
			<td>collapsible</td>
			<td>false</td>
			<td>
			    True表示为面板是可收缩的，并自动渲染一个展开/收缩的轮换按钮在头部工具条。false表示为保持面板为一个静止的尺寸（缺省为false）。
			</td>
		</tr>
				<tr>
			<td>collapsed</td>
			<td>false</td>
			<td>
			    True 表示为渲染面板后即闭合（默认为false）。
			</td>
		</tr>
				<tr>
			<td>titleCollapse</td>
			<td>false</td>
			<td>
			    True表示为允许单击头部区域任何一个位置都可收缩面板（当collapsible = true）反之只允许单击工具按钮（默认为false）。提示：Accordion布局的时候默认为true。
			</td>
		</tr>
				<tr>
			<td>bodyStyle</td>
			<td>false</td>
			<td>
			    应用于该组件的Body元素的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>bodyPadding</td>
			<td>false</td>
			<td>
			    设置容器body区域的内边距。在body元素上设置padding样式的快捷方式。这个值可以是一个数字被应用到所有的边界， 或者是一个正规的CSS字符串用于设定padding。默认为undefined。
			</td>
		</tr>
				<tr>
			<td>headerBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的Header边框(标题所占区域)。防止组件边框重叠。设置方法:headerBorder="0 0 1"代表顺序(top right left)。提示：无bottom边框，数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>bodyBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的body边框(主体区域)。防止组件边框重叠。设置方法:bodyBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>splitterBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件之间手动滑柄栏的边框。防止组件边框重叠。设置方法:splitterBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>closable</td>
			<td>false</td>
			<td>
			    组件显示关闭图标。缺省调用close方法，这将销毁组件中的元素不能再被使用。
			</td>
		</tr>
				<tr>
			<td>closeAction</td>
			<td>false</td>
			<td>
			    当标题头的关闭按钮被单击这个动作将被执行。可选：destroy|hide。默认：hide。
			</td>
		</tr>
				<tr>
			<td>collapseMode</td>
			<td>false</td>
			<td>
			    Border布局下组件折叠收缩模式。header：收缩后显示头部栏位。mini：收缩后不显示头部栏位。
			</td>
		</tr>
				<tr>
			<td>header</td>
			<td>false</td>
			<td>
			    通过设置false来阻止面板型组件的标题头被创建与渲染，默认为true。
			</td>
		</tr>
				<tr>
			<td>autoShow</td>
			<td>false</td>
			<td>
			    True：自动构造和渲染组件到页面主体区域。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>layout</td>
			<td>false</td>
			<td>
			    此容器所使用的布局类型。常规容器缺省布局：auto；表单系列的布局面板使用的缺省布局：column。可选值：accordion|anchor|absolute|border|card|column|fit|form|table|auto|hbox|vbox。
			</td>
		</tr>
				<tr>
			<td>constrain</td>
			<td>false</td>
			<td>
			    设置是否禁止在组件内容溢出时父容器是包容隐藏子组件。缺省值：在window组件和FormPanel组件中为true，其它容器组件为空。
			</td>
		</tr>
				<tr>
			<td>split</td>
			<td>false</td>
			<td>
			    布局辅助项。split:true属性的区域都将得到 一个Splitter并允许手动调整大小。(除中心区域) 缺省：false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    此属性在使用anchor布局及其子布局的容器的子组件中配置。 模式1：百分比， 例如:anchor="100% 50%" 表示子组件的宽度为即等于容器的宽度, 高度为容器的1/2。 模式2：偏移量，例如anchor="-50 -100" 表示子组件的宽度为容器的宽度减50px, 高度为容器的高度减100px. 模式3：混合模式，例如anchor="-50 75%"。
			</td>
		</tr>
				<tr>
			<td>x</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器左边距的距离。
			</td>
		</tr>
				<tr>
			<td>y</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器上边距的距离。
			</td>
		</tr>
				<tr>
			<td>rowspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨行数目。
			</td>
		</tr>
				<tr>
			<td>colspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨列数目。
			</td>
		</tr>
				<tr>
			<td>flex</td>
			<td>false</td>
			<td>
			    vbox|hbox布局专用属性，根据当前子项的flex值与所有其他含flex值子项的值的和 的相对比例进行伸缩('hbox'中横向, 'vbox'中纵向). 任何'flex=0'或'flex=undefined'的子项将不被伸缩(即组件原始尺寸不会被修改)。
			</td>
		</tr>
				<tr>
			<td>onactivate</td>
			<td>false</td>
			<td>
			    组件激活后触发。
			</td>
		</tr>
				<tr>
			<td>onclose</td>
			<td>false</td>
			<td>
			    可关闭组件关闭后触发。
			</td>
		</tr>
				<tr>
			<td>oncollapse</td>
			<td>false</td>
			<td>
			    可折叠组件折叠后触发。
			</td>
		</tr>
				<tr>
			<td>onexpand</td>
			<td>false</td>
			<td>
			    可展开组件展开后触发。
			</td>
		</tr>
				<tr>
			<td>onhide</td>
			<td>false</td>
			<td>
			    组件隐藏后触发。
			</td>
		</tr>
				<tr>
			<td>onrender</td>
			<td>false</td>
			<td>
			    组件被渲染后触发。
			</td>
		</tr>
				<tr>
			<td>onshow</td>
			<td>false</td>
			<td>
			    组件被显示后触发。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>maximizable</td>
			<td>false</td>
			<td>
			    为True时显示最大化工具图标。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>maximized</td>
			<td>false</td>
			<td>
			    为True时在窗口初始化后自动最大化显示。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>minimizable</td>
			<td>false</td>
			<td>
			    为True时显示最小化工具图标。缺省值：false。提示：最小化事件响应函数需要自己实现。
			</td>
		</tr>
				<tr>
			<td>headerPosition</td>
			<td>false</td>
			<td>
			    窗口标题栏显示的位置。可选值：top|bottom|left|right。缺省值：top。
			</td>
		</tr>
				<tr>
			<td>modal</td>
			<td>false</td>
			<td>
			    是否为模态窗口。(窗口置于最顶层，只能对窗口进行操作，限制访问其它UI元素)。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>draggable</td>
			<td>false</td>
			<td>
			    是否可移动窗口。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>animateTarget</td>
			<td>false</td>
			<td>
			    打开和关闭窗口时渲染动画的目标元素。值为Ext组件的ID或者Dom元素的ID。
			</td>
		</tr>
				<tr>
			<td>opacity</td>
			<td>false</td>
			<td>
			    窗口透明度。有效值：opacity大于等于0；opacity小于等于1。如：opacity="0.8"。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="formpanel">formpanel</h2>
	<p>FormPanel标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>rowSpace</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素行间距。如：rowSpace="5"。
			</td>
		</tr>
				<tr>
			<td>itemAnchor</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素所占百分比。如：activeTabBarColor="80%"。
			</td>
		</tr>
				<tr>
			<td>defaultType</td>
			<td>false</td>
			<td>
			    直系表单项缺省xtype类型。缺省值：textfield。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一 (1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息以浏览器默认的title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>title</td>
			<td>false</td>
			<td>
			    显示在面板头部的文本标题(默认为'')。如有指定了titile那么头部元素header会自动生成和显示，除非header强制设为false。如果你不想在写配置时指定好title， 不过想在后面才加入的话，你必须先指定一个非空的标题（具体说是空白字符''亦可或header：true），这样才保证容器元素生成出来。提示：缺省标题为常规字体，如果想显示为加粗字体，可以在标题文本前加语义表达式!。如:title="!我是粗体标题"。
			</td>
		</tr>
				<tr>
			<td>collapsible</td>
			<td>false</td>
			<td>
			    True表示为面板是可收缩的，并自动渲染一个展开/收缩的轮换按钮在头部工具条。false表示为保持面板为一个静止的尺寸（缺省为false）。
			</td>
		</tr>
				<tr>
			<td>collapsed</td>
			<td>false</td>
			<td>
			    True 表示为渲染面板后即闭合（默认为false）。
			</td>
		</tr>
				<tr>
			<td>titleCollapse</td>
			<td>false</td>
			<td>
			    True表示为允许单击头部区域任何一个位置都可收缩面板（当collapsible = true）反之只允许单击工具按钮（默认为false）。提示：Accordion布局的时候默认为true。
			</td>
		</tr>
				<tr>
			<td>bodyStyle</td>
			<td>false</td>
			<td>
			    应用于该组件的Body元素的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>bodyPadding</td>
			<td>false</td>
			<td>
			    设置容器body区域的内边距。在body元素上设置padding样式的快捷方式。这个值可以是一个数字被应用到所有的边界， 或者是一个正规的CSS字符串用于设定padding。默认为undefined。
			</td>
		</tr>
				<tr>
			<td>headerBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的Header边框(标题所占区域)。防止组件边框重叠。设置方法:headerBorder="0 0 1"代表顺序(top right left)。提示：无bottom边框，数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>bodyBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的body边框(主体区域)。防止组件边框重叠。设置方法:bodyBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>splitterBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件之间手动滑柄栏的边框。防止组件边框重叠。设置方法:splitterBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>closable</td>
			<td>false</td>
			<td>
			    组件显示关闭图标。缺省调用close方法，这将销毁组件中的元素不能再被使用。
			</td>
		</tr>
				<tr>
			<td>closeAction</td>
			<td>false</td>
			<td>
			    当标题头的关闭按钮被单击这个动作将被执行。可选：destroy|hide。默认：hide。
			</td>
		</tr>
				<tr>
			<td>collapseMode</td>
			<td>false</td>
			<td>
			    Border布局下组件折叠收缩模式。header：收缩后显示头部栏位。mini：收缩后不显示头部栏位。
			</td>
		</tr>
				<tr>
			<td>header</td>
			<td>false</td>
			<td>
			    通过设置false来阻止面板型组件的标题头被创建与渲染，默认为true。
			</td>
		</tr>
				<tr>
			<td>autoShow</td>
			<td>false</td>
			<td>
			    True：自动构造和渲染组件到页面主体区域。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>layout</td>
			<td>false</td>
			<td>
			    此容器所使用的布局类型。常规容器缺省布局：auto；表单系列的布局面板使用的缺省布局：column。可选值：accordion|anchor|absolute|border|card|column|fit|form|table|auto|hbox|vbox。
			</td>
		</tr>
				<tr>
			<td>constrain</td>
			<td>false</td>
			<td>
			    设置是否禁止在组件内容溢出时父容器是包容隐藏子组件。缺省值：在window组件和FormPanel组件中为true，其它容器组件为空。
			</td>
		</tr>
				<tr>
			<td>split</td>
			<td>false</td>
			<td>
			    布局辅助项。split:true属性的区域都将得到 一个Splitter并允许手动调整大小。(除中心区域) 缺省：false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    此属性在使用anchor布局及其子布局的容器的子组件中配置。 模式1：百分比， 例如:anchor="100% 50%" 表示子组件的宽度为即等于容器的宽度, 高度为容器的1/2。 模式2：偏移量，例如anchor="-50 -100" 表示子组件的宽度为容器的宽度减50px, 高度为容器的高度减100px. 模式3：混合模式，例如anchor="-50 75%"。
			</td>
		</tr>
				<tr>
			<td>x</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器左边距的距离。
			</td>
		</tr>
				<tr>
			<td>y</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器上边距的距离。
			</td>
		</tr>
				<tr>
			<td>rowspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨行数目。
			</td>
		</tr>
				<tr>
			<td>colspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨列数目。
			</td>
		</tr>
				<tr>
			<td>flex</td>
			<td>false</td>
			<td>
			    vbox|hbox布局专用属性，根据当前子项的flex值与所有其他含flex值子项的值的和 的相对比例进行伸缩('hbox'中横向, 'vbox'中纵向). 任何'flex=0'或'flex=undefined'的子项将不被伸缩(即组件原始尺寸不会被修改)。
			</td>
		</tr>
				<tr>
			<td>onactivate</td>
			<td>false</td>
			<td>
			    组件激活后触发。
			</td>
		</tr>
				<tr>
			<td>onclose</td>
			<td>false</td>
			<td>
			    可关闭组件关闭后触发。
			</td>
		</tr>
				<tr>
			<td>oncollapse</td>
			<td>false</td>
			<td>
			    可折叠组件折叠后触发。
			</td>
		</tr>
				<tr>
			<td>onexpand</td>
			<td>false</td>
			<td>
			    可展开组件展开后触发。
			</td>
		</tr>
				<tr>
			<td>onhide</td>
			<td>false</td>
			<td>
			    组件隐藏后触发。
			</td>
		</tr>
				<tr>
			<td>onrender</td>
			<td>false</td>
			<td>
			    组件被渲染后触发。
			</td>
		</tr>
				<tr>
			<td>onshow</td>
			<td>false</td>
			<td>
			    组件被显示后触发。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="container">container</h2>
	<p>Container标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>autoShow</td>
			<td>false</td>
			<td>
			    True：自动构造和渲染组件到页面主体区域。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>layout</td>
			<td>false</td>
			<td>
			    此容器所使用的布局类型。常规容器缺省布局：auto；表单系列的布局面板使用的缺省布局：column。可选值：accordion|anchor|absolute|border|card|column|fit|form|table|auto|hbox|vbox。
			</td>
		</tr>
				<tr>
			<td>constrain</td>
			<td>false</td>
			<td>
			    设置是否禁止在组件内容溢出时父容器是包容隐藏子组件。缺省值：在window组件和FormPanel组件中为true，其它容器组件为空。
			</td>
		</tr>
				<tr>
			<td>split</td>
			<td>false</td>
			<td>
			    布局辅助项。split:true属性的区域都将得到 一个Splitter并允许手动调整大小。(除中心区域) 缺省：false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    此属性在使用anchor布局及其子布局的容器的子组件中配置。 模式1：百分比， 例如:anchor="100% 50%" 表示子组件的宽度为即等于容器的宽度, 高度为容器的1/2。 模式2：偏移量，例如anchor="-50 -100" 表示子组件的宽度为容器的宽度减50px, 高度为容器的高度减100px. 模式3：混合模式，例如anchor="-50 75%"。
			</td>
		</tr>
				<tr>
			<td>x</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器左边距的距离。
			</td>
		</tr>
				<tr>
			<td>y</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器上边距的距离。
			</td>
		</tr>
				<tr>
			<td>rowspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨行数目。
			</td>
		</tr>
				<tr>
			<td>colspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨列数目。
			</td>
		</tr>
				<tr>
			<td>flex</td>
			<td>false</td>
			<td>
			    vbox|hbox布局专用属性，根据当前子项的flex值与所有其他含flex值子项的值的和 的相对比例进行伸缩('hbox'中横向, 'vbox'中纵向). 任何'flex=0'或'flex=undefined'的子项将不被伸缩(即组件原始尺寸不会被修改)。
			</td>
		</tr>
				<tr>
			<td>onactivate</td>
			<td>false</td>
			<td>
			    组件激活后触发。
			</td>
		</tr>
				<tr>
			<td>onclose</td>
			<td>false</td>
			<td>
			    可关闭组件关闭后触发。
			</td>
		</tr>
				<tr>
			<td>oncollapse</td>
			<td>false</td>
			<td>
			    可折叠组件折叠后触发。
			</td>
		</tr>
				<tr>
			<td>onexpand</td>
			<td>false</td>
			<td>
			    可展开组件展开后触发。
			</td>
		</tr>
				<tr>
			<td>onhide</td>
			<td>false</td>
			<td>
			    组件隐藏后触发。
			</td>
		</tr>
				<tr>
			<td>onrender</td>
			<td>false</td>
			<td>
			    组件被渲染后触发。
			</td>
		</tr>
				<tr>
			<td>onshow</td>
			<td>false</td>
			<td>
			    组件被显示后触发。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="column">column</h2>
	<p>Grid.Column标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    列唯一标识。缺省空。提示：很少用到，一般只有在该列用来做界面组件授权时才需要设置。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    数值，列固定宽度。如：width="250"。缺省为：100。单位：px。
			</td>
		</tr>
				<tr>
			<td>header</td>
			<td>false</td>
			<td>
			    表格列标题文本。
			</td>
		</tr>
				<tr>
			<td>dataIndex</td>
			<td>false</td>
			<td>
			    表格列对应的元数据字段名称。可能是一个dto对象的key，也可以是PO、VO等JavaBean对象的属性名。
			</td>
		</tr>
				<tr>
			<td>hidden</td>
			<td>false</td>
			<td>
			    设置为True，则隐藏该列。缺省值：flase。
			</td>
		</tr>
				<tr>
			<td>hideable</td>
			<td>false</td>
			<td>
			    设置为true，则可以通过列标题的下拉菜单隐藏该列。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>sortable</td>
			<td>false</td>
			<td>
			    设置为true，则可以通过点击列标题来排序。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>flex</td>
			<td>false</td>
			<td>
			    数值，和其它列按此相对比例分配表格剩余可用宽度。可以理解为此列相对宽度=表格剩余可用宽度 * (此列flex值/所有带flex属性列的flex值之和)。
			</td>
		</tr>
				<tr>
			<td>format</td>
			<td>false</td>
			<td>
			    可以对数值、日期进行格式化显示。前提是必须使用xtype将此列设置为数值列或者日期列，否则无效。如：format="Y-m-d"、format="0,000.00"。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>type</td>
			<td>false</td>
			<td>
			    表格列类型。有效值：text | date | number | template | rowno | check | action | tree(TreeGrid专用)。缺省值：text。提示：type为checkbox的列，当JSON中为布尔值true或数值1或任意字符串时，选择框选中状态；布尔值false或数值0或空字符串时未选中，字符串值无效。选择框列并非用于表格的行选择功能，而是一个常规列。表格行选择功能见selModel标签的使用。
			</td>
		</tr>
				<tr>
			<td>defaultValue</td>
			<td>false</td>
			<td>
			    表格列缺省值。
			</td>
		</tr>
				<tr>
			<td>align</td>
			<td>false</td>
			<td>
			    表格列对齐模式。有效值：left | center | right。金额、统计数值等数值列(type="number")如果没有设置此属性则缺省为right；表格树列(type="tree")如果没有设置此属性则缺省为left。其余列缺省根据参数[GRID_COLUMN_ALGIN]而定。
			</td>
		</tr>
				<tr>
			<td>rendererFn</td>
			<td>false</td>
			<td>
			    表格列渲染器。有效值为一个函数名。本列值将由此函数返回的值来重新渲染。(可以是纯文本字符串，也可以是HTML片段)。在此函数中可以取到表格认识单元格的值。 如：rendererFn=“fnAz01a3Renderer”。函数定义及参数：fnAz01a3Renderer(value[,metaData,record,rowIndex ,colIndex ,store ]){...};
			</td>
		</tr>
				<tr>
			<td>rendererField</td>
			<td>false</td>
			<td>
			    表格列使用数据字典转换渲染的字段名称。本列值将根据此字段的数据字典配置返回相应的值。
			</td>
		</tr>
				<tr>
			<td>dataType</td>
			<td>false</td>
			<td>
			    表格列的数据类型(返回JSON对象中类型)。可选值char | number，缺省值char。此属性配合rendererField属性使用，一般情况下不用设置，当列为数值类型时需要设置。否则数据字典转换会有问题。提示：数值型字符串不是数字类型。如何区分？看返回的JSON：【***{column1:'1',***}**】这位char类型；【***{column1:1,***}**】这位数字类型。
			</td>
		</tr>
				<tr>
			<td>tpl</td>
			<td>false</td>
			<td>
			    模版片段。在这个模版片段里可以通过{field}获取到任意字段值。如：tpl=" {az01a9}"。提示：tpl实现的功能都可以由rendererFn来实现。
			</td>
		</tr>
				<tr>
			<td>editor</td>
			<td>false</td>
			<td>
			    编辑模式下的单元格编辑器实例类型。可选值：textfield | numerfield | datefield。提示：如果要对其进行客户端的高级校验或者是下拉框类型的实例请在列标签内部直接写相应标签来实现。
			</td>
		</tr>
				<tr>
			<td>lockable</td>
			<td>false</td>
			<td>
			    表格列是否可锁定。缺省：false。提示：如果gridpanel标签设定了enableLocking="true"，则缺省所有列都可以锁定。
			</td>
		</tr>
				<tr>
			<td>locked</td>
			<td>false</td>
			<td>
			    表格列是否呈锁定状态。缺省：false。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>celltip</td>
			<td>false</td>
			<td>
			    响应鼠标的单元格tip提示信息。缺省：false。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="datefield">datefield</h2>
	<p>DateField标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>fieldLabel</td>
			<td>false</td>
			<td>
			    表单项标签文本。
			</td>
		</tr>
				<tr>
			<td>instance</td>
			<td>false</td>
			<td>
			    是否实例化。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>name</td>
			<td>false</td>
			<td>
			    表单项名称。name作为表单提交的参数名称。
			</td>
		</tr>
				<tr>
			<td>value</td>
			<td>false</td>
			<td>
			    表单项的初始化值。
			</td>
		</tr>
				<tr>
			<td>emptyText</td>
			<td>false</td>
			<td>
			    放置到空表单项中的默认文本(默认为null)。注意: 如果当前表单栏处于有效状态并且被配置了一个名称，那么此值会被 提交到服务器。 为了防止提交可以设置Ext.form.Basic.submit中的submitEmptyText 选项为false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    表单项的在Anchor布局下的所占百分比。
			</td>
		</tr>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    表单项的标签宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>allowBlank</td>
			<td>false</td>
			<td>
			    是否允许为空。True:允许空值。
			</td>
		</tr>
				<tr>
			<td>tabIndex</td>
			<td>false</td>
			<td>
			    Tab键的索引顺序。
			</td>
		</tr>
				<tr>
			<td>inputType</td>
			<td>false</td>
			<td>
			    输入栏的类型属性。常用到的有密码输入框，可设置为inputType="password"。
			</td>
		</tr>
				<tr>
			<td>readOnly</td>
			<td>false</td>
			<td>
			    是否只读。true:只读。
			</td>
		</tr>
				<tr>
			<td>vtype</td>
			<td>false</td>
			<td>
			    一个校验类型名。可选值：alpha|alphanum|email|url。
			</td>
		</tr>
				<tr>
			<td>vtypeText</td>
			<td>false</td>
			<td>
			    一个自定义的出错消息，用来替代为当前表单项所设置的vtype所提供的默认消息(默认为'')。 提示:只有设置了 vtype 时才应用此项，否则忽略。
			</td>
		</tr>
				<tr>
			<td>regex</td>
			<td>false</td>
			<td>
			    在校验时，需要在表单项值纸上进行测试的JavaScript RegExp对象(默认为 null)。 如果测试失败，表单项将会使用 regexText 或者 invalidText 进行标记。
			</td>
		</tr>
				<tr>
			<td>regexText</td>
			<td>false</td>
			<td>
			    如果使用了regex并且在校验失败时显示的出错文本。
			</td>
		</tr>
				<tr>
			<td>editable</td>
			<td>false</td>
			<td>
			    设置为false阻止直接在表单项的文本框中输入字符；这时表单项只能通过从按钮的方式来设置值。提示：此设置仅针对下拉框、日期选择框等带有按钮操作的表单项有效。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一：(1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息在默认浏览器title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>hideTrigger</td>
			<td>false</td>
			<td>
			    设置为true时隐藏右角trigger按钮(如下拉组件、日期组件等)，只显示为基础的文本框。缺省：false。
			</td>
		</tr>
				<tr>
			<td>star</td>
			<td>false</td>
			<td>
			    非空必输字段是否出现小红星标注。可选值：true | false。缺省：true。
			</td>
		</tr>
				<tr>
			<td>selectOnFocus</td>
			<td>false</td>
			<td>
			    当表单项获得输入焦点时是否自动选中文本。可选值：true | false。缺省：false。
			</td>
		</tr>
				<tr>
			<td>onchang</td>
			<td>false</td>
			<td>
			    表单输入域的值发生变化时触发的响应事件函数名。如：onchang="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeydown</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键响应事件函数名。如：onkeydown="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeyup</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键松开时响应事件函数名。如：onkeyup="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onfocus</td>
			<td>false</td>
			<td>
			    表单输入域获得焦点时响应事件函数名。如：onfocus="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onselect</td>
			<td>false</td>
			<td>
			    下拉选择框ComboBox选中下拉项目时响应事件函数名。如：onselect="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onenterkey</td>
			<td>false</td>
			<td>
			    表单输入域的回车键按下时响应事件函数名。如：onenterkey="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onspecialkey</td>
			<td>false</td>
			<td>
			    表单输入域的特殊键按下时响应事件函数名。如：specialkey="fnTest"。提示：响应什么特殊键的按下事件需要根据按键事件的句柄在JS函数中判断。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>maxValue</td>
			<td>false</td>
			<td>
			    允许的最大日期。可以是一个符合格式要求的字符串日期。
			</td>
		</tr>
				<tr>
			<td>minValue</td>
			<td>false</td>
			<td>
			    允许的最小日期。可以是一个符合格式要求的字符串日期。
			</td>
		</tr>
				<tr>
			<td>format</td>
			<td>false</td>
			<td>
			    日期格式字符串。如format="Y-m-d"或format="Y年m月d日"或format="Y-m-d 23:59:59"。
			</td>
		</tr>
				<tr>
			<td>disabledDays</td>
			<td>false</td>
			<td>
			    禁用的日期数组(对应一周中的7天), 从0开始。如下：disabledDays="0,1,6"。
			</td>
		</tr>
				<tr>
			<td>disabledDaysText</td>
			<td>false</td>
			<td>
			    当日期不符合disabledDays校验规则时的提示信息。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="xtemplate">xtemplate</h2>
	<p>XTemplate标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="triggerfield">triggerfield</h2>
	<p>TriggerField标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>fieldLabel</td>
			<td>false</td>
			<td>
			    表单项标签文本。
			</td>
		</tr>
				<tr>
			<td>instance</td>
			<td>false</td>
			<td>
			    是否实例化。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>name</td>
			<td>false</td>
			<td>
			    表单项名称。name作为表单提交的参数名称。
			</td>
		</tr>
				<tr>
			<td>value</td>
			<td>false</td>
			<td>
			    表单项的初始化值。
			</td>
		</tr>
				<tr>
			<td>emptyText</td>
			<td>false</td>
			<td>
			    放置到空表单项中的默认文本(默认为null)。注意: 如果当前表单栏处于有效状态并且被配置了一个名称，那么此值会被 提交到服务器。 为了防止提交可以设置Ext.form.Basic.submit中的submitEmptyText 选项为false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    表单项的在Anchor布局下的所占百分比。
			</td>
		</tr>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    表单项的标签宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>allowBlank</td>
			<td>false</td>
			<td>
			    是否允许为空。True:允许空值。
			</td>
		</tr>
				<tr>
			<td>tabIndex</td>
			<td>false</td>
			<td>
			    Tab键的索引顺序。
			</td>
		</tr>
				<tr>
			<td>inputType</td>
			<td>false</td>
			<td>
			    输入栏的类型属性。常用到的有密码输入框，可设置为inputType="password"。
			</td>
		</tr>
				<tr>
			<td>readOnly</td>
			<td>false</td>
			<td>
			    是否只读。true:只读。
			</td>
		</tr>
				<tr>
			<td>vtype</td>
			<td>false</td>
			<td>
			    一个校验类型名。可选值：alpha|alphanum|email|url。
			</td>
		</tr>
				<tr>
			<td>vtypeText</td>
			<td>false</td>
			<td>
			    一个自定义的出错消息，用来替代为当前表单项所设置的vtype所提供的默认消息(默认为'')。 提示:只有设置了 vtype 时才应用此项，否则忽略。
			</td>
		</tr>
				<tr>
			<td>regex</td>
			<td>false</td>
			<td>
			    在校验时，需要在表单项值纸上进行测试的JavaScript RegExp对象(默认为 null)。 如果测试失败，表单项将会使用 regexText 或者 invalidText 进行标记。
			</td>
		</tr>
				<tr>
			<td>regexText</td>
			<td>false</td>
			<td>
			    如果使用了regex并且在校验失败时显示的出错文本。
			</td>
		</tr>
				<tr>
			<td>editable</td>
			<td>false</td>
			<td>
			    设置为false阻止直接在表单项的文本框中输入字符；这时表单项只能通过从按钮的方式来设置值。提示：此设置仅针对下拉框、日期选择框等带有按钮操作的表单项有效。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一：(1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息在默认浏览器title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>hideTrigger</td>
			<td>false</td>
			<td>
			    设置为true时隐藏右角trigger按钮(如下拉组件、日期组件等)，只显示为基础的文本框。缺省：false。
			</td>
		</tr>
				<tr>
			<td>star</td>
			<td>false</td>
			<td>
			    非空必输字段是否出现小红星标注。可选值：true | false。缺省：true。
			</td>
		</tr>
				<tr>
			<td>selectOnFocus</td>
			<td>false</td>
			<td>
			    当表单项获得输入焦点时是否自动选中文本。可选值：true | false。缺省：false。
			</td>
		</tr>
				<tr>
			<td>onchang</td>
			<td>false</td>
			<td>
			    表单输入域的值发生变化时触发的响应事件函数名。如：onchang="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeydown</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键响应事件函数名。如：onkeydown="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeyup</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键松开时响应事件函数名。如：onkeyup="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onfocus</td>
			<td>false</td>
			<td>
			    表单输入域获得焦点时响应事件函数名。如：onfocus="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onselect</td>
			<td>false</td>
			<td>
			    下拉选择框ComboBox选中下拉项目时响应事件函数名。如：onselect="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onenterkey</td>
			<td>false</td>
			<td>
			    表单输入域的回车键按下时响应事件函数名。如：onenterkey="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onspecialkey</td>
			<td>false</td>
			<td>
			    表单输入域的特殊键按下时响应事件函数名。如：specialkey="fnTest"。提示：响应什么特殊键的按下事件需要根据按键事件的句柄在JS函数中判断。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>maxLength</td>
			<td>false</td>
			<td>
			    校验时表单项允许输入的最大长度。
			</td>
		</tr>
				<tr>
			<td>minLength</td>
			<td>false</td>
			<td>
			    校验时表单项允许输入的最小长度。
			</td>
		</tr>
				<tr>
			<td>trigger1Cls</td>
			<td>false</td>
			<td>
			    输入框右侧按钮1图标样式。可选值：x-form-clear-trigger | x-form-search-trigger | x-form-down-trigger。 另外一组可选值(提示：这组只支持blue皮肤和gray皮肤，不支持neptune皮肤)，它们是：x-form-clear1-trigger | x-form-clear2-trigger | x-form-search1-trigger | x-form-add-trigger。
			</td>
		</tr>
				<tr>
			<td>trigger2Cls</td>
			<td>false</td>
			<td>
			    输入框右侧按钮2图标样式。可选值：x-form-clear-trigger | x-form-search-trigger | x-form-down-trigger。 另外一组可选值(提示：这组只支持blue皮肤和gray皮肤，不支持neptune皮肤)，它们是：x-form-clear1-trigger | x-form-clear2-trigger | x-form-search1-trigger | x-form-add-trigger。
			</td>
		</tr>
				<tr>
			<td>trigger3Cls</td>
			<td>false</td>
			<td>
			    输入框右侧按钮3图标样式。可选值：x-form-clear-trigger | x-form-search-trigger | x-form-down-trigger。 另外一组可选值(提示：这组只支持blue皮肤和gray皮肤，不支持neptune皮肤)，它们是：x-form-clear1-trigger | x-form-clear2-trigger | x-form-search1-trigger | x-form-add-trigger。
			</td>
		</tr>
				<tr>
			<td>onTrigger1Click</td>
			<td>false</td>
			<td>
			    输入框右侧按钮1单击事件响应函数。如：onTrigger1Click=“fnclick"。函数定义：function fnclick(){ this.setValue(''); ...}。
			</td>
		</tr>
				<tr>
			<td>onTrigger2Click</td>
			<td>false</td>
			<td>
			    输入框右侧按钮2单击事件响应函数。如：onTrigger2Click=“fnclick"。函数定义：function fnclick(){ this.setValue(''); ...}。
			</td>
		</tr>
				<tr>
			<td>onTrigger3Click</td>
			<td>false</td>
			<td>
			    输入框右侧按钮3单击事件响应函数。如：onTrigger3Click=“fnclick"。函数定义：function fnclick(){ this.setValue(''); ...}。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="panel">panel</h2>
	<p>Panel标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>title</td>
			<td>false</td>
			<td>
			    显示在面板头部的文本标题(默认为'')。如有指定了titile那么头部元素header会自动生成和显示，除非header强制设为false。如果你不想在写配置时指定好title， 不过想在后面才加入的话，你必须先指定一个非空的标题（具体说是空白字符''亦可或header：true），这样才保证容器元素生成出来。提示：缺省标题为常规字体，如果想显示为加粗字体，可以在标题文本前加语义表达式!。如:title="!我是粗体标题"。
			</td>
		</tr>
				<tr>
			<td>collapsible</td>
			<td>false</td>
			<td>
			    True表示为面板是可收缩的，并自动渲染一个展开/收缩的轮换按钮在头部工具条。false表示为保持面板为一个静止的尺寸（缺省为false）。
			</td>
		</tr>
				<tr>
			<td>collapsed</td>
			<td>false</td>
			<td>
			    True 表示为渲染面板后即闭合（默认为false）。
			</td>
		</tr>
				<tr>
			<td>titleCollapse</td>
			<td>false</td>
			<td>
			    True表示为允许单击头部区域任何一个位置都可收缩面板（当collapsible = true）反之只允许单击工具按钮（默认为false）。提示：Accordion布局的时候默认为true。
			</td>
		</tr>
				<tr>
			<td>bodyStyle</td>
			<td>false</td>
			<td>
			    应用于该组件的Body元素的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>bodyPadding</td>
			<td>false</td>
			<td>
			    设置容器body区域的内边距。在body元素上设置padding样式的快捷方式。这个值可以是一个数字被应用到所有的边界， 或者是一个正规的CSS字符串用于设定padding。默认为undefined。
			</td>
		</tr>
				<tr>
			<td>headerBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的Header边框(标题所占区域)。防止组件边框重叠。设置方法:headerBorder="0 0 1"代表顺序(top right left)。提示：无bottom边框，数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>bodyBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的body边框(主体区域)。防止组件边框重叠。设置方法:bodyBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>splitterBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件之间手动滑柄栏的边框。防止组件边框重叠。设置方法:splitterBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>closable</td>
			<td>false</td>
			<td>
			    组件显示关闭图标。缺省调用close方法，这将销毁组件中的元素不能再被使用。
			</td>
		</tr>
				<tr>
			<td>closeAction</td>
			<td>false</td>
			<td>
			    当标题头的关闭按钮被单击这个动作将被执行。可选：destroy|hide。默认：hide。
			</td>
		</tr>
				<tr>
			<td>collapseMode</td>
			<td>false</td>
			<td>
			    Border布局下组件折叠收缩模式。header：收缩后显示头部栏位。mini：收缩后不显示头部栏位。
			</td>
		</tr>
				<tr>
			<td>header</td>
			<td>false</td>
			<td>
			    通过设置false来阻止面板型组件的标题头被创建与渲染，默认为true。
			</td>
		</tr>
				<tr>
			<td>autoShow</td>
			<td>false</td>
			<td>
			    True：自动构造和渲染组件到页面主体区域。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>layout</td>
			<td>false</td>
			<td>
			    此容器所使用的布局类型。常规容器缺省布局：auto；表单系列的布局面板使用的缺省布局：column。可选值：accordion|anchor|absolute|border|card|column|fit|form|table|auto|hbox|vbox。
			</td>
		</tr>
				<tr>
			<td>constrain</td>
			<td>false</td>
			<td>
			    设置是否禁止在组件内容溢出时父容器是包容隐藏子组件。缺省值：在window组件和FormPanel组件中为true，其它容器组件为空。
			</td>
		</tr>
				<tr>
			<td>split</td>
			<td>false</td>
			<td>
			    布局辅助项。split:true属性的区域都将得到 一个Splitter并允许手动调整大小。(除中心区域) 缺省：false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    此属性在使用anchor布局及其子布局的容器的子组件中配置。 模式1：百分比， 例如:anchor="100% 50%" 表示子组件的宽度为即等于容器的宽度, 高度为容器的1/2。 模式2：偏移量，例如anchor="-50 -100" 表示子组件的宽度为容器的宽度减50px, 高度为容器的高度减100px. 模式3：混合模式，例如anchor="-50 75%"。
			</td>
		</tr>
				<tr>
			<td>x</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器左边距的距离。
			</td>
		</tr>
				<tr>
			<td>y</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器上边距的距离。
			</td>
		</tr>
				<tr>
			<td>rowspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨行数目。
			</td>
		</tr>
				<tr>
			<td>colspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨列数目。
			</td>
		</tr>
				<tr>
			<td>flex</td>
			<td>false</td>
			<td>
			    vbox|hbox布局专用属性，根据当前子项的flex值与所有其他含flex值子项的值的和 的相对比例进行伸缩('hbox'中横向, 'vbox'中纵向). 任何'flex=0'或'flex=undefined'的子项将不被伸缩(即组件原始尺寸不会被修改)。
			</td>
		</tr>
				<tr>
			<td>onactivate</td>
			<td>false</td>
			<td>
			    组件激活后触发。
			</td>
		</tr>
				<tr>
			<td>onclose</td>
			<td>false</td>
			<td>
			    可关闭组件关闭后触发。
			</td>
		</tr>
				<tr>
			<td>oncollapse</td>
			<td>false</td>
			<td>
			    可折叠组件折叠后触发。
			</td>
		</tr>
				<tr>
			<td>onexpand</td>
			<td>false</td>
			<td>
			    可展开组件展开后触发。
			</td>
		</tr>
				<tr>
			<td>onhide</td>
			<td>false</td>
			<td>
			    组件隐藏后触发。
			</td>
		</tr>
				<tr>
			<td>onrender</td>
			<td>false</td>
			<td>
			    组件被渲染后触发。
			</td>
		</tr>
				<tr>
			<td>onshow</td>
			<td>false</td>
			<td>
			    组件被显示后触发。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="plugins">plugins</h2>
	<p>Plugins标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				</tbody>
	</table>
  	
  	<h2 id="radiobox">radiobox</h2>
	<p>RadioboxField标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>instance</td>
			<td>false</td>
			<td>
			    是否实例化。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>name</td>
			<td>false</td>
			<td>
			    表单项名称。name作为表单提交的参数名称。
			</td>
		</tr>
				<tr>
			<td>value</td>
			<td>false</td>
			<td>
			    表单项的初始化值。
			</td>
		</tr>
				<tr>
			<td>emptyText</td>
			<td>false</td>
			<td>
			    放置到空表单项中的默认文本(默认为null)。注意: 如果当前表单栏处于有效状态并且被配置了一个名称，那么此值会被 提交到服务器。 为了防止提交可以设置Ext.form.Basic.submit中的submitEmptyText 选项为false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    表单项的在Anchor布局下的所占百分比。
			</td>
		</tr>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    表单项的标签宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>allowBlank</td>
			<td>false</td>
			<td>
			    是否允许为空。True:允许空值。
			</td>
		</tr>
				<tr>
			<td>tabIndex</td>
			<td>false</td>
			<td>
			    Tab键的索引顺序。
			</td>
		</tr>
				<tr>
			<td>inputType</td>
			<td>false</td>
			<td>
			    输入栏的类型属性。常用到的有密码输入框，可设置为inputType="password"。
			</td>
		</tr>
				<tr>
			<td>readOnly</td>
			<td>false</td>
			<td>
			    是否只读。true:只读。
			</td>
		</tr>
				<tr>
			<td>vtype</td>
			<td>false</td>
			<td>
			    一个校验类型名。可选值：alpha|alphanum|email|url。
			</td>
		</tr>
				<tr>
			<td>vtypeText</td>
			<td>false</td>
			<td>
			    一个自定义的出错消息，用来替代为当前表单项所设置的vtype所提供的默认消息(默认为'')。 提示:只有设置了 vtype 时才应用此项，否则忽略。
			</td>
		</tr>
				<tr>
			<td>regex</td>
			<td>false</td>
			<td>
			    在校验时，需要在表单项值纸上进行测试的JavaScript RegExp对象(默认为 null)。 如果测试失败，表单项将会使用 regexText 或者 invalidText 进行标记。
			</td>
		</tr>
				<tr>
			<td>regexText</td>
			<td>false</td>
			<td>
			    如果使用了regex并且在校验失败时显示的出错文本。
			</td>
		</tr>
				<tr>
			<td>editable</td>
			<td>false</td>
			<td>
			    设置为false阻止直接在表单项的文本框中输入字符；这时表单项只能通过从按钮的方式来设置值。提示：此设置仅针对下拉框、日期选择框等带有按钮操作的表单项有效。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一：(1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息在默认浏览器title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>hideTrigger</td>
			<td>false</td>
			<td>
			    设置为true时隐藏右角trigger按钮(如下拉组件、日期组件等)，只显示为基础的文本框。缺省：false。
			</td>
		</tr>
				<tr>
			<td>star</td>
			<td>false</td>
			<td>
			    非空必输字段是否出现小红星标注。可选值：true | false。缺省：true。
			</td>
		</tr>
				<tr>
			<td>selectOnFocus</td>
			<td>false</td>
			<td>
			    当表单项获得输入焦点时是否自动选中文本。可选值：true | false。缺省：false。
			</td>
		</tr>
				<tr>
			<td>onchang</td>
			<td>false</td>
			<td>
			    表单输入域的值发生变化时触发的响应事件函数名。如：onchang="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeydown</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键响应事件函数名。如：onkeydown="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeyup</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键松开时响应事件函数名。如：onkeyup="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onfocus</td>
			<td>false</td>
			<td>
			    表单输入域获得焦点时响应事件函数名。如：onfocus="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onselect</td>
			<td>false</td>
			<td>
			    下拉选择框ComboBox选中下拉项目时响应事件函数名。如：onselect="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onenterkey</td>
			<td>false</td>
			<td>
			    表单输入域的回车键按下时响应事件函数名。如：onenterkey="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onspecialkey</td>
			<td>false</td>
			<td>
			    表单输入域的特殊键按下时响应事件函数名。如：specialkey="fnTest"。提示：响应什么特殊键的按下事件需要根据按键事件的句柄在JS函数中判断。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>fieldLabel</td>
			<td>false</td>
			<td>
			    表单项标签文本。
			</td>
		</tr>
				<tr>
			<td>boxLabel</td>
			<td>true</td>
			<td>
			    一个可选的文本标签，它显示在选择框的前面或者后面，这取决于 boxLabelAlign的配置。
			</td>
		</tr>
				<tr>
			<td>boxLabelAlign</td>
			<td>false</td>
			<td>
			    展示在选择框旁边的相对位置。可选值：before|after。缺省值：after。
			</td>
		</tr>
				<tr>
			<td>inputValue</td>
			<td>false</td>
			<td>
			    当复选框被选中，form提交时它被作为一个对应的参数值提交。缺省值：on。
			</td>
		</tr>
				<tr>
			<td>checked</td>
			<td>false</td>
			<td>
			    True值时则在选择框在渲染后初始化为选中的状态。缺省值：on。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="hiddenfield">hiddenfield</h2>
	<p>HiddenField标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>instance</td>
			<td>false</td>
			<td>
			    是否实例化。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>name</td>
			<td>false</td>
			<td>
			    表单项名称。name作为表单提交的参数名称。
			</td>
		</tr>
				<tr>
			<td>value</td>
			<td>false</td>
			<td>
			    表单项的初始化值。
			</td>
		</tr>
				<tr>
			<td>emptyText</td>
			<td>false</td>
			<td>
			    放置到空表单项中的默认文本(默认为null)。注意: 如果当前表单栏处于有效状态并且被配置了一个名称，那么此值会被 提交到服务器。 为了防止提交可以设置Ext.form.Basic.submit中的submitEmptyText 选项为false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    表单项的在Anchor布局下的所占百分比。
			</td>
		</tr>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    表单项的标签宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>allowBlank</td>
			<td>false</td>
			<td>
			    是否允许为空。True:允许空值。
			</td>
		</tr>
				<tr>
			<td>tabIndex</td>
			<td>false</td>
			<td>
			    Tab键的索引顺序。
			</td>
		</tr>
				<tr>
			<td>inputType</td>
			<td>false</td>
			<td>
			    输入栏的类型属性。常用到的有密码输入框，可设置为inputType="password"。
			</td>
		</tr>
				<tr>
			<td>readOnly</td>
			<td>false</td>
			<td>
			    是否只读。true:只读。
			</td>
		</tr>
				<tr>
			<td>vtype</td>
			<td>false</td>
			<td>
			    一个校验类型名。可选值：alpha|alphanum|email|url。
			</td>
		</tr>
				<tr>
			<td>vtypeText</td>
			<td>false</td>
			<td>
			    一个自定义的出错消息，用来替代为当前表单项所设置的vtype所提供的默认消息(默认为'')。 提示:只有设置了 vtype 时才应用此项，否则忽略。
			</td>
		</tr>
				<tr>
			<td>regex</td>
			<td>false</td>
			<td>
			    在校验时，需要在表单项值纸上进行测试的JavaScript RegExp对象(默认为 null)。 如果测试失败，表单项将会使用 regexText 或者 invalidText 进行标记。
			</td>
		</tr>
				<tr>
			<td>regexText</td>
			<td>false</td>
			<td>
			    如果使用了regex并且在校验失败时显示的出错文本。
			</td>
		</tr>
				<tr>
			<td>editable</td>
			<td>false</td>
			<td>
			    设置为false阻止直接在表单项的文本框中输入字符；这时表单项只能通过从按钮的方式来设置值。提示：此设置仅针对下拉框、日期选择框等带有按钮操作的表单项有效。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一：(1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息在默认浏览器title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>hideTrigger</td>
			<td>false</td>
			<td>
			    设置为true时隐藏右角trigger按钮(如下拉组件、日期组件等)，只显示为基础的文本框。缺省：false。
			</td>
		</tr>
				<tr>
			<td>star</td>
			<td>false</td>
			<td>
			    非空必输字段是否出现小红星标注。可选值：true | false。缺省：true。
			</td>
		</tr>
				<tr>
			<td>selectOnFocus</td>
			<td>false</td>
			<td>
			    当表单项获得输入焦点时是否自动选中文本。可选值：true | false。缺省：false。
			</td>
		</tr>
				<tr>
			<td>onchang</td>
			<td>false</td>
			<td>
			    表单输入域的值发生变化时触发的响应事件函数名。如：onchang="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeydown</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键响应事件函数名。如：onkeydown="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeyup</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键松开时响应事件函数名。如：onkeyup="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onfocus</td>
			<td>false</td>
			<td>
			    表单输入域获得焦点时响应事件函数名。如：onfocus="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onselect</td>
			<td>false</td>
			<td>
			    下拉选择框ComboBox选中下拉项目时响应事件函数名。如：onselect="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onenterkey</td>
			<td>false</td>
			<td>
			    表单输入域的回车键按下时响应事件函数名。如：onenterkey="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onspecialkey</td>
			<td>false</td>
			<td>
			    表单输入域的特殊键按下时响应事件函数名。如：specialkey="fnTest"。提示：响应什么特殊键的按下事件需要根据按键事件的句柄在JS函数中判断。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>fieldLabel</td>
			<td>false</td>
			<td>
			    表单项标签文本。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="toggle">toggle</h2>
	<p>Toggle状态切换标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>fieldLabel</td>
			<td>false</td>
			<td>
			    表单项标签文本。
			</td>
		</tr>
				<tr>
			<td>instance</td>
			<td>false</td>
			<td>
			    是否实例化。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>name</td>
			<td>false</td>
			<td>
			    表单项名称。name作为表单提交的参数名称。
			</td>
		</tr>
				<tr>
			<td>value</td>
			<td>false</td>
			<td>
			    表单项的初始化值。
			</td>
		</tr>
				<tr>
			<td>emptyText</td>
			<td>false</td>
			<td>
			    放置到空表单项中的默认文本(默认为null)。注意: 如果当前表单栏处于有效状态并且被配置了一个名称，那么此值会被 提交到服务器。 为了防止提交可以设置Ext.form.Basic.submit中的submitEmptyText 选项为false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    表单项的在Anchor布局下的所占百分比。
			</td>
		</tr>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    表单项的标签宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>allowBlank</td>
			<td>false</td>
			<td>
			    是否允许为空。True:允许空值。
			</td>
		</tr>
				<tr>
			<td>tabIndex</td>
			<td>false</td>
			<td>
			    Tab键的索引顺序。
			</td>
		</tr>
				<tr>
			<td>inputType</td>
			<td>false</td>
			<td>
			    输入栏的类型属性。常用到的有密码输入框，可设置为inputType="password"。
			</td>
		</tr>
				<tr>
			<td>readOnly</td>
			<td>false</td>
			<td>
			    是否只读。true:只读。
			</td>
		</tr>
				<tr>
			<td>vtype</td>
			<td>false</td>
			<td>
			    一个校验类型名。可选值：alpha|alphanum|email|url。
			</td>
		</tr>
				<tr>
			<td>vtypeText</td>
			<td>false</td>
			<td>
			    一个自定义的出错消息，用来替代为当前表单项所设置的vtype所提供的默认消息(默认为'')。 提示:只有设置了 vtype 时才应用此项，否则忽略。
			</td>
		</tr>
				<tr>
			<td>regex</td>
			<td>false</td>
			<td>
			    在校验时，需要在表单项值纸上进行测试的JavaScript RegExp对象(默认为 null)。 如果测试失败，表单项将会使用 regexText 或者 invalidText 进行标记。
			</td>
		</tr>
				<tr>
			<td>regexText</td>
			<td>false</td>
			<td>
			    如果使用了regex并且在校验失败时显示的出错文本。
			</td>
		</tr>
				<tr>
			<td>editable</td>
			<td>false</td>
			<td>
			    设置为false阻止直接在表单项的文本框中输入字符；这时表单项只能通过从按钮的方式来设置值。提示：此设置仅针对下拉框、日期选择框等带有按钮操作的表单项有效。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一：(1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息在默认浏览器title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>hideTrigger</td>
			<td>false</td>
			<td>
			    设置为true时隐藏右角trigger按钮(如下拉组件、日期组件等)，只显示为基础的文本框。缺省：false。
			</td>
		</tr>
				<tr>
			<td>star</td>
			<td>false</td>
			<td>
			    非空必输字段是否出现小红星标注。可选值：true | false。缺省：true。
			</td>
		</tr>
				<tr>
			<td>selectOnFocus</td>
			<td>false</td>
			<td>
			    当表单项获得输入焦点时是否自动选中文本。可选值：true | false。缺省：false。
			</td>
		</tr>
				<tr>
			<td>onchang</td>
			<td>false</td>
			<td>
			    表单输入域的值发生变化时触发的响应事件函数名。如：onchang="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeydown</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键响应事件函数名。如：onkeydown="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeyup</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键松开时响应事件函数名。如：onkeyup="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onfocus</td>
			<td>false</td>
			<td>
			    表单输入域获得焦点时响应事件函数名。如：onfocus="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onselect</td>
			<td>false</td>
			<td>
			    下拉选择框ComboBox选中下拉项目时响应事件函数名。如：onselect="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onenterkey</td>
			<td>false</td>
			<td>
			    表单输入域的回车键按下时响应事件函数名。如：onenterkey="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onspecialkey</td>
			<td>false</td>
			<td>
			    表单输入域的特殊键按下时响应事件函数名。如：specialkey="fnTest"。提示：响应什么特殊键的按下事件需要根据按键事件的句柄在JS函数中判断。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    toggle类型。可选类型为：toggle | togglefield。常规缺省值：toggle，如果在formpanel、fieldset、rowset则为togglefield。提示：toggle为独立按钮和工具栏按钮使用，togglefield为Form表单元素时使用，具有表单布局的功能。一般情况下不需要设置，标签库会自动判断。
			</td>
		</tr>
				<tr>
			<td>onText</td>
			<td>true</td>
			<td>
			    打开状态的下的文本信息。
			</td>
		</tr>
				<tr>
			<td>offText</td>
			<td>true</td>
			<td>
			    关闭状态的下的文本信息。
			</td>
		</tr>
				<tr>
			<td>resizeHandle</td>
			<td>false</td>
			<td>
			    是否显示切换是的手柄。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>cls</td>
			<td>false</td>
			<td>
			    样式定义。改变组件开关后的颜色状态。需要和CSS结合使用，详见相关示例。
			</td>
		</tr>
				<tr>
			<td>state</td>
			<td>false</td>
			<td>
			    初始开关状态。可选值：true | false。缺省值：false。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="layout">layout</h2>
	<p>容器布局配置标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>type</td>
			<td>true</td>
			<td>
			    此容器所使用的布局类型。如不指定，则使用缺省的Ext.layout.ContainerLayout类型。有效的值可以是：accordion、anchor、border、card、column、fit、form和table。
			</td>
		</tr>
				<tr>
			<td>titleCollapse</td>
			<td>false</td>
			<td>
			    True表示为允许单击头部区域任何一个位置都可收缩面板（当collapsible = true）反之只允许单击工具按钮（默认为false）。提示：Accordion布局的时候默认为true。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    'true' 表示对所含面板进行展开/收缩时, 面板的打开/关闭使用动画效果. 'false' 则无动画地直接打开/关闭. 注意: 展开/收缩动画由布局提供, 而不是子面板。缺省为：true。
			</td>
		</tr>
				<tr>
			<td>hideCollapseTool</td>
			<td>false</td>
			<td>
			    'true' 表示隐藏所含Panel的展开/收缩工具按钮, 'false'则显示. 当设为'true'时, titleCollapse将被自动设为'true'。缺省为：false。
			</td>
		</tr>
				<tr>
			<td>multi</td>
			<td>false</td>
			<td>
			    设为'true'时, 表示允许同时显示多个子面板。缺省为: false。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10'(top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>activeOnTop</td>
			<td>false</td>
			<td>
			    'true'表示当每个面板展开时, 都将面板移动到容器的第一个。 'false' 则保持顺序不变。缺省为: false。
			</td>
		</tr>
				<tr>
			<td>reserveScrollbar</td>
			<td>false</td>
			<td>
			    设此值为true时, 无论垂直滚动条是否需要出现, 都会在页面为垂直滚动条预留出空间(如果该操作系统下的滚动条需要占用空间)。在某些容器中, 内容的高度会随着操作发生变化, 而此时你又不希望所有子组件的宽度因滚动条的出现和消失而来回改变, 这种情况下此属性会变得很有用. 滚动条将会在预留的空间出现, 子组件的宽度也不会发生改变。缺省为: false。
			</td>
		</tr>
				<tr>
			<td>columns</td>
			<td>false</td>
			<td>
			    table布局专用属性，设置列数。
			</td>
		</tr>
				<tr>
			<td>align</td>
			<td>false</td>
			<td>
			    vbox|hbox布局专用属性，设置子组件对其方式。 vbox可选值，left : 默认值 各子组件在容器左边垂直对齐.center : 各子组件在容器中间垂直对齐.stretch : 各子组件的宽度拉伸至与容器的宽度相等.stretchmax : 各子组件的宽度拉伸至与最宽的子组件的宽度相等。 hbox可选值，top : 默认值 各子组件在容器顶部水平对齐.middle : 各子组件在容器中间水平对齐.stretch : 各子组件的高度拉伸至与容器的高度相等.stretchmax : 各子组件的高度拉伸至与最高的子组件的高度相等。
			</td>
		</tr>
				<tr>
			<td>pack</td>
			<td>false</td>
			<td>
			    vbox|hbox布局专用属性，设置子组件对其方式。可选值：start | center | end。 vbox：start，上对齐；center，垂直居中对齐；end，下对齐。 hbox：start，左对齐；center，水平居中对齐；end，右对齐。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="fieldset">fieldset</h2>
	<p>FieldSet标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>rowSpace</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素行间距。如：rowSpace="5"。
			</td>
		</tr>
				<tr>
			<td>itemAnchor</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素所占百分比。如：activeTabBarColor="80%"。
			</td>
		</tr>
				<tr>
			<td>defaultType</td>
			<td>false</td>
			<td>
			    直系表单项缺省xtype类型。缺省值：textfield。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一 (1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息以浏览器默认的title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>title</td>
			<td>false</td>
			<td>
			    显示在面板头部的文本标题(默认为'')。如有指定了titile那么头部元素header会自动生成和显示，除非header强制设为false。如果你不想在写配置时指定好title， 不过想在后面才加入的话，你必须先指定一个非空的标题（具体说是空白字符''亦可或header：true），这样才保证容器元素生成出来。提示：缺省标题为常规字体，如果想显示为加粗字体，可以在标题文本前加语义表达式!。如:title="!我是粗体标题"。
			</td>
		</tr>
				<tr>
			<td>collapsible</td>
			<td>false</td>
			<td>
			    True表示为面板是可收缩的，并自动渲染一个展开/收缩的轮换按钮在头部工具条。false表示为保持面板为一个静止的尺寸（缺省为false）。
			</td>
		</tr>
				<tr>
			<td>collapsed</td>
			<td>false</td>
			<td>
			    True 表示为渲染面板后即闭合（默认为false）。
			</td>
		</tr>
				<tr>
			<td>titleCollapse</td>
			<td>false</td>
			<td>
			    True表示为允许单击头部区域任何一个位置都可收缩面板（当collapsible = true）反之只允许单击工具按钮（默认为false）。提示：Accordion布局的时候默认为true。
			</td>
		</tr>
				<tr>
			<td>bodyStyle</td>
			<td>false</td>
			<td>
			    应用于该组件的Body元素的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>bodyPadding</td>
			<td>false</td>
			<td>
			    设置容器body区域的内边距。在body元素上设置padding样式的快捷方式。这个值可以是一个数字被应用到所有的边界， 或者是一个正规的CSS字符串用于设定padding。默认为undefined。
			</td>
		</tr>
				<tr>
			<td>headerBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的Header边框(标题所占区域)。防止组件边框重叠。设置方法:headerBorder="0 0 1"代表顺序(top right left)。提示：无bottom边框，数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>bodyBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的body边框(主体区域)。防止组件边框重叠。设置方法:bodyBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>splitterBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件之间手动滑柄栏的边框。防止组件边框重叠。设置方法:splitterBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>closable</td>
			<td>false</td>
			<td>
			    组件显示关闭图标。缺省调用close方法，这将销毁组件中的元素不能再被使用。
			</td>
		</tr>
				<tr>
			<td>closeAction</td>
			<td>false</td>
			<td>
			    当标题头的关闭按钮被单击这个动作将被执行。可选：destroy|hide。默认：hide。
			</td>
		</tr>
				<tr>
			<td>collapseMode</td>
			<td>false</td>
			<td>
			    Border布局下组件折叠收缩模式。header：收缩后显示头部栏位。mini：收缩后不显示头部栏位。
			</td>
		</tr>
				<tr>
			<td>header</td>
			<td>false</td>
			<td>
			    通过设置false来阻止面板型组件的标题头被创建与渲染，默认为true。
			</td>
		</tr>
				<tr>
			<td>autoShow</td>
			<td>false</td>
			<td>
			    True：自动构造和渲染组件到页面主体区域。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>layout</td>
			<td>false</td>
			<td>
			    此容器所使用的布局类型。常规容器缺省布局：auto；表单系列的布局面板使用的缺省布局：column。可选值：accordion|anchor|absolute|border|card|column|fit|form|table|auto|hbox|vbox。
			</td>
		</tr>
				<tr>
			<td>constrain</td>
			<td>false</td>
			<td>
			    设置是否禁止在组件内容溢出时父容器是包容隐藏子组件。缺省值：在window组件和FormPanel组件中为true，其它容器组件为空。
			</td>
		</tr>
				<tr>
			<td>split</td>
			<td>false</td>
			<td>
			    布局辅助项。split:true属性的区域都将得到 一个Splitter并允许手动调整大小。(除中心区域) 缺省：false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    此属性在使用anchor布局及其子布局的容器的子组件中配置。 模式1：百分比， 例如:anchor="100% 50%" 表示子组件的宽度为即等于容器的宽度, 高度为容器的1/2。 模式2：偏移量，例如anchor="-50 -100" 表示子组件的宽度为容器的宽度减50px, 高度为容器的高度减100px. 模式3：混合模式，例如anchor="-50 75%"。
			</td>
		</tr>
				<tr>
			<td>x</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器左边距的距离。
			</td>
		</tr>
				<tr>
			<td>y</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器上边距的距离。
			</td>
		</tr>
				<tr>
			<td>rowspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨行数目。
			</td>
		</tr>
				<tr>
			<td>colspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨列数目。
			</td>
		</tr>
				<tr>
			<td>flex</td>
			<td>false</td>
			<td>
			    vbox|hbox布局专用属性，根据当前子项的flex值与所有其他含flex值子项的值的和 的相对比例进行伸缩('hbox'中横向, 'vbox'中纵向). 任何'flex=0'或'flex=undefined'的子项将不被伸缩(即组件原始尺寸不会被修改)。
			</td>
		</tr>
				<tr>
			<td>onactivate</td>
			<td>false</td>
			<td>
			    组件激活后触发。
			</td>
		</tr>
				<tr>
			<td>onclose</td>
			<td>false</td>
			<td>
			    可关闭组件关闭后触发。
			</td>
		</tr>
				<tr>
			<td>oncollapse</td>
			<td>false</td>
			<td>
			    可折叠组件折叠后触发。
			</td>
		</tr>
				<tr>
			<td>onexpand</td>
			<td>false</td>
			<td>
			    可展开组件展开后触发。
			</td>
		</tr>
				<tr>
			<td>onhide</td>
			<td>false</td>
			<td>
			    组件隐藏后触发。
			</td>
		</tr>
				<tr>
			<td>onrender</td>
			<td>false</td>
			<td>
			    组件被渲染后触发。
			</td>
		</tr>
				<tr>
			<td>onshow</td>
			<td>false</td>
			<td>
			    组件被显示后触发。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>checkboxToggle</td>
			<td>false</td>
			<td>
			    设置为true则在 控件组 组头处显示一个复选框,用来 收缩/展开 控件组. 而该 复选框将会随表单一起提交,提交的参数name由checkboxName设置。
			</td>
		</tr>
				<tr>
			<td>checkboxName</td>
			<td>false</td>
			<td>
			    当checkboxToggle="true",分配给FieldSet复选框的 name (默认是 '[fieldset id]-checkbox')。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="viewport">viewport</h2>
	<p>Viewport视窗标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>autoShow</td>
			<td>false</td>
			<td>
			    True：自动构造和渲染组件到页面主体区域。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>layout</td>
			<td>false</td>
			<td>
			    此容器所使用的布局类型。常规容器缺省布局：auto；表单系列的布局面板使用的缺省布局：column。可选值：accordion|anchor|absolute|border|card|column|fit|form|table|auto|hbox|vbox。
			</td>
		</tr>
				<tr>
			<td>constrain</td>
			<td>false</td>
			<td>
			    设置是否禁止在组件内容溢出时父容器是包容隐藏子组件。缺省值：在window组件和FormPanel组件中为true，其它容器组件为空。
			</td>
		</tr>
				<tr>
			<td>split</td>
			<td>false</td>
			<td>
			    布局辅助项。split:true属性的区域都将得到 一个Splitter并允许手动调整大小。(除中心区域) 缺省：false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    此属性在使用anchor布局及其子布局的容器的子组件中配置。 模式1：百分比， 例如:anchor="100% 50%" 表示子组件的宽度为即等于容器的宽度, 高度为容器的1/2。 模式2：偏移量，例如anchor="-50 -100" 表示子组件的宽度为容器的宽度减50px, 高度为容器的高度减100px. 模式3：混合模式，例如anchor="-50 75%"。
			</td>
		</tr>
				<tr>
			<td>x</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器左边距的距离。
			</td>
		</tr>
				<tr>
			<td>y</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器上边距的距离。
			</td>
		</tr>
				<tr>
			<td>rowspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨行数目。
			</td>
		</tr>
				<tr>
			<td>colspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨列数目。
			</td>
		</tr>
				<tr>
			<td>flex</td>
			<td>false</td>
			<td>
			    vbox|hbox布局专用属性，根据当前子项的flex值与所有其他含flex值子项的值的和 的相对比例进行伸缩('hbox'中横向, 'vbox'中纵向). 任何'flex=0'或'flex=undefined'的子项将不被伸缩(即组件原始尺寸不会被修改)。
			</td>
		</tr>
				<tr>
			<td>onactivate</td>
			<td>false</td>
			<td>
			    组件激活后触发。
			</td>
		</tr>
				<tr>
			<td>onclose</td>
			<td>false</td>
			<td>
			    可关闭组件关闭后触发。
			</td>
		</tr>
				<tr>
			<td>oncollapse</td>
			<td>false</td>
			<td>
			    可折叠组件折叠后触发。
			</td>
		</tr>
				<tr>
			<td>onexpand</td>
			<td>false</td>
			<td>
			    可展开组件展开后触发。
			</td>
		</tr>
				<tr>
			<td>onhide</td>
			<td>false</td>
			<td>
			    组件隐藏后触发。
			</td>
		</tr>
				<tr>
			<td>onrender</td>
			<td>false</td>
			<td>
			    组件被渲染后触发。
			</td>
		</tr>
				<tr>
			<td>onshow</td>
			<td>false</td>
			<td>
			    组件被显示后触发。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="filefield">filefield</h2>
	<p>FileField标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>fieldLabel</td>
			<td>false</td>
			<td>
			    表单项标签文本。
			</td>
		</tr>
				<tr>
			<td>instance</td>
			<td>false</td>
			<td>
			    是否实例化。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>name</td>
			<td>false</td>
			<td>
			    表单项名称。name作为表单提交的参数名称。
			</td>
		</tr>
				<tr>
			<td>value</td>
			<td>false</td>
			<td>
			    表单项的初始化值。
			</td>
		</tr>
				<tr>
			<td>emptyText</td>
			<td>false</td>
			<td>
			    放置到空表单项中的默认文本(默认为null)。注意: 如果当前表单栏处于有效状态并且被配置了一个名称，那么此值会被 提交到服务器。 为了防止提交可以设置Ext.form.Basic.submit中的submitEmptyText 选项为false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    表单项的在Anchor布局下的所占百分比。
			</td>
		</tr>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    表单项的标签宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>allowBlank</td>
			<td>false</td>
			<td>
			    是否允许为空。True:允许空值。
			</td>
		</tr>
				<tr>
			<td>tabIndex</td>
			<td>false</td>
			<td>
			    Tab键的索引顺序。
			</td>
		</tr>
				<tr>
			<td>inputType</td>
			<td>false</td>
			<td>
			    输入栏的类型属性。常用到的有密码输入框，可设置为inputType="password"。
			</td>
		</tr>
				<tr>
			<td>readOnly</td>
			<td>false</td>
			<td>
			    是否只读。true:只读。
			</td>
		</tr>
				<tr>
			<td>vtype</td>
			<td>false</td>
			<td>
			    一个校验类型名。可选值：alpha|alphanum|email|url。
			</td>
		</tr>
				<tr>
			<td>vtypeText</td>
			<td>false</td>
			<td>
			    一个自定义的出错消息，用来替代为当前表单项所设置的vtype所提供的默认消息(默认为'')。 提示:只有设置了 vtype 时才应用此项，否则忽略。
			</td>
		</tr>
				<tr>
			<td>regex</td>
			<td>false</td>
			<td>
			    在校验时，需要在表单项值纸上进行测试的JavaScript RegExp对象(默认为 null)。 如果测试失败，表单项将会使用 regexText 或者 invalidText 进行标记。
			</td>
		</tr>
				<tr>
			<td>regexText</td>
			<td>false</td>
			<td>
			    如果使用了regex并且在校验失败时显示的出错文本。
			</td>
		</tr>
				<tr>
			<td>editable</td>
			<td>false</td>
			<td>
			    设置为false阻止直接在表单项的文本框中输入字符；这时表单项只能通过从按钮的方式来设置值。提示：此设置仅针对下拉框、日期选择框等带有按钮操作的表单项有效。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一：(1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息在默认浏览器title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>hideTrigger</td>
			<td>false</td>
			<td>
			    设置为true时隐藏右角trigger按钮(如下拉组件、日期组件等)，只显示为基础的文本框。缺省：false。
			</td>
		</tr>
				<tr>
			<td>star</td>
			<td>false</td>
			<td>
			    非空必输字段是否出现小红星标注。可选值：true | false。缺省：true。
			</td>
		</tr>
				<tr>
			<td>selectOnFocus</td>
			<td>false</td>
			<td>
			    当表单项获得输入焦点时是否自动选中文本。可选值：true | false。缺省：false。
			</td>
		</tr>
				<tr>
			<td>onchang</td>
			<td>false</td>
			<td>
			    表单输入域的值发生变化时触发的响应事件函数名。如：onchang="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeydown</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键响应事件函数名。如：onkeydown="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeyup</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键松开时响应事件函数名。如：onkeyup="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onfocus</td>
			<td>false</td>
			<td>
			    表单输入域获得焦点时响应事件函数名。如：onfocus="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onselect</td>
			<td>false</td>
			<td>
			    下拉选择框ComboBox选中下拉项目时响应事件函数名。如：onselect="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onenterkey</td>
			<td>false</td>
			<td>
			    表单输入域的回车键按下时响应事件函数名。如：onenterkey="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onspecialkey</td>
			<td>false</td>
			<td>
			    表单输入域的特殊键按下时响应事件函数名。如：specialkey="fnTest"。提示：响应什么特殊键的按下事件需要根据按键事件的句柄在JS函数中判断。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>buttonText</td>
			<td>false</td>
			<td>
			    文件上传表单自带按钮的显示文本。缺省值：浏览。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="treenode">treenode</h2>
	<p>TreeNodel标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>checked</td>
			<td>false</td>
			<td>
			    设置为true或者false，在节点旁显示一个选中状态的复选框或未选中状态的复选框。缺省值：空，即不显示选择框。
			</td>
		</tr>
				<tr>
			<td>expanded</td>
			<td>false</td>
			<td>
			    节点是否展开。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>href</td>
			<td>false</td>
			<td>
			    链接URL。
			</td>
		</tr>
				<tr>
			<td>hrefTarget</td>
			<td>false</td>
			<td>
			    链接目标对象。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    节点图标文件。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    应用于本节点的图标的CSS类。
			</td>
		</tr>
				<tr>
			<td>leaf</td>
			<td>false</td>
			<td>
			    标记是否叶子节点。缺省：false。
			</td>
		</tr>
				<tr>
			<td>leaf</td>
			<td>false</td>
			<td>
			    标记是否叶子节点。缺省：false。
			</td>
		</tr>
				<tr>
			<td>text</td>
			<td>true</td>
			<td>
			    节点显示的文本。
			</td>
		</tr>
				<tr>
			<td>qtip</td>
			<td>false</td>
			<td>
			    鼠标悬停节点时显示的提示信息。
			</td>
		</tr>
				<tr>
			<td>a</td>
			<td>false</td>
			<td>
			    树节点附加属性A。
			</td>
		</tr>
				<tr>
			<td>b</td>
			<td>false</td>
			<td>
			    树节点附加属性B。
			</td>
		</tr>
				<tr>
			<td>c</td>
			<td>false</td>
			<td>
			    树节点附加属性C。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="dockeditem">dockeditem</h2>
	<p>停靠栏的停靠项目标签。</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>text</td>
			<td>false</td>
			<td>
			    组件显示的主体文本。
			</td>
		</tr>
				<tr>
			<td>onclick</td>
			<td>false</td>
			<td>
			    当点击按钮触发的函数。如：onclick="fnFuck()"或onclick="fnFuck"或onclick="!fnFuck"，最后一种带!的方式可以将当前组件对象和句柄传递给对应函数。提示：对于按钮系列的onclick也 可以这样用：直接执行一段合法的JS代码片段。如：onclick="#id_mywindow.hide();" 。
			</td>
		</tr>
				<tr>
			<td>scale</td>
			<td>false</td>
			<td>
			    按钮大小。默认：small。可选：small|medium|large。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    组件类型。可选类型为：tbfill|tbseparator|tbspacer|tbtext|button|splitbutton。提示：如果要在工具栏插入其它组件，如文本框、下拉框等。则直接在工具栏标签内写入相应组件的标签即可。缺省：button。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="textfield">textfield</h2>
	<p>TextField标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>fieldLabel</td>
			<td>false</td>
			<td>
			    表单项标签文本。
			</td>
		</tr>
				<tr>
			<td>instance</td>
			<td>false</td>
			<td>
			    是否实例化。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>name</td>
			<td>false</td>
			<td>
			    表单项名称。name作为表单提交的参数名称。
			</td>
		</tr>
				<tr>
			<td>value</td>
			<td>false</td>
			<td>
			    表单项的初始化值。
			</td>
		</tr>
				<tr>
			<td>emptyText</td>
			<td>false</td>
			<td>
			    放置到空表单项中的默认文本(默认为null)。注意: 如果当前表单栏处于有效状态并且被配置了一个名称，那么此值会被 提交到服务器。 为了防止提交可以设置Ext.form.Basic.submit中的submitEmptyText 选项为false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    表单项的在Anchor布局下的所占百分比。
			</td>
		</tr>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    表单项的标签宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>allowBlank</td>
			<td>false</td>
			<td>
			    是否允许为空。True:允许空值。
			</td>
		</tr>
				<tr>
			<td>tabIndex</td>
			<td>false</td>
			<td>
			    Tab键的索引顺序。
			</td>
		</tr>
				<tr>
			<td>inputType</td>
			<td>false</td>
			<td>
			    输入栏的类型属性。常用到的有密码输入框，可设置为inputType="password"。
			</td>
		</tr>
				<tr>
			<td>readOnly</td>
			<td>false</td>
			<td>
			    是否只读。true:只读。
			</td>
		</tr>
				<tr>
			<td>vtype</td>
			<td>false</td>
			<td>
			    一个校验类型名。可选值：alpha|alphanum|email|url。
			</td>
		</tr>
				<tr>
			<td>vtypeText</td>
			<td>false</td>
			<td>
			    一个自定义的出错消息，用来替代为当前表单项所设置的vtype所提供的默认消息(默认为'')。 提示:只有设置了 vtype 时才应用此项，否则忽略。
			</td>
		</tr>
				<tr>
			<td>regex</td>
			<td>false</td>
			<td>
			    在校验时，需要在表单项值纸上进行测试的JavaScript RegExp对象(默认为 null)。 如果测试失败，表单项将会使用 regexText 或者 invalidText 进行标记。
			</td>
		</tr>
				<tr>
			<td>regexText</td>
			<td>false</td>
			<td>
			    如果使用了regex并且在校验失败时显示的出错文本。
			</td>
		</tr>
				<tr>
			<td>editable</td>
			<td>false</td>
			<td>
			    设置为false阻止直接在表单项的文本框中输入字符；这时表单项只能通过从按钮的方式来设置值。提示：此设置仅针对下拉框、日期选择框等带有按钮操作的表单项有效。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一：(1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息在默认浏览器title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>hideTrigger</td>
			<td>false</td>
			<td>
			    设置为true时隐藏右角trigger按钮(如下拉组件、日期组件等)，只显示为基础的文本框。缺省：false。
			</td>
		</tr>
				<tr>
			<td>star</td>
			<td>false</td>
			<td>
			    非空必输字段是否出现小红星标注。可选值：true | false。缺省：true。
			</td>
		</tr>
				<tr>
			<td>selectOnFocus</td>
			<td>false</td>
			<td>
			    当表单项获得输入焦点时是否自动选中文本。可选值：true | false。缺省：false。
			</td>
		</tr>
				<tr>
			<td>onchang</td>
			<td>false</td>
			<td>
			    表单输入域的值发生变化时触发的响应事件函数名。如：onchang="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeydown</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键响应事件函数名。如：onkeydown="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeyup</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键松开时响应事件函数名。如：onkeyup="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onfocus</td>
			<td>false</td>
			<td>
			    表单输入域获得焦点时响应事件函数名。如：onfocus="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onselect</td>
			<td>false</td>
			<td>
			    下拉选择框ComboBox选中下拉项目时响应事件函数名。如：onselect="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onenterkey</td>
			<td>false</td>
			<td>
			    表单输入域的回车键按下时响应事件函数名。如：onenterkey="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onspecialkey</td>
			<td>false</td>
			<td>
			    表单输入域的特殊键按下时响应事件函数名。如：specialkey="fnTest"。提示：响应什么特殊键的按下事件需要根据按键事件的句柄在JS函数中判断。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>maxLength</td>
			<td>false</td>
			<td>
			    校验时表单项允许输入的最大长度。
			</td>
		</tr>
				<tr>
			<td>minLength</td>
			<td>false</td>
			<td>
			    校验时表单项允许输入的最小长度。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="fillfield">fillfield</h2>
	<p>FillField标签：仅占位填充的作用</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>instance</td>
			<td>false</td>
			<td>
			    是否实例化。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>value</td>
			<td>false</td>
			<td>
			    表单项的初始化值。
			</td>
		</tr>
				<tr>
			<td>emptyText</td>
			<td>false</td>
			<td>
			    放置到空表单项中的默认文本(默认为null)。注意: 如果当前表单栏处于有效状态并且被配置了一个名称，那么此值会被 提交到服务器。 为了防止提交可以设置Ext.form.Basic.submit中的submitEmptyText 选项为false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    表单项的在Anchor布局下的所占百分比。
			</td>
		</tr>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    表单项的标签宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>allowBlank</td>
			<td>false</td>
			<td>
			    是否允许为空。True:允许空值。
			</td>
		</tr>
				<tr>
			<td>tabIndex</td>
			<td>false</td>
			<td>
			    Tab键的索引顺序。
			</td>
		</tr>
				<tr>
			<td>inputType</td>
			<td>false</td>
			<td>
			    输入栏的类型属性。常用到的有密码输入框，可设置为inputType="password"。
			</td>
		</tr>
				<tr>
			<td>readOnly</td>
			<td>false</td>
			<td>
			    是否只读。true:只读。
			</td>
		</tr>
				<tr>
			<td>vtype</td>
			<td>false</td>
			<td>
			    一个校验类型名。可选值：alpha|alphanum|email|url。
			</td>
		</tr>
				<tr>
			<td>vtypeText</td>
			<td>false</td>
			<td>
			    一个自定义的出错消息，用来替代为当前表单项所设置的vtype所提供的默认消息(默认为'')。 提示:只有设置了 vtype 时才应用此项，否则忽略。
			</td>
		</tr>
				<tr>
			<td>regex</td>
			<td>false</td>
			<td>
			    在校验时，需要在表单项值纸上进行测试的JavaScript RegExp对象(默认为 null)。 如果测试失败，表单项将会使用 regexText 或者 invalidText 进行标记。
			</td>
		</tr>
				<tr>
			<td>regexText</td>
			<td>false</td>
			<td>
			    如果使用了regex并且在校验失败时显示的出错文本。
			</td>
		</tr>
				<tr>
			<td>editable</td>
			<td>false</td>
			<td>
			    设置为false阻止直接在表单项的文本框中输入字符；这时表单项只能通过从按钮的方式来设置值。提示：此设置仅针对下拉框、日期选择框等带有按钮操作的表单项有效。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一：(1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息在默认浏览器title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>hideTrigger</td>
			<td>false</td>
			<td>
			    设置为true时隐藏右角trigger按钮(如下拉组件、日期组件等)，只显示为基础的文本框。缺省：false。
			</td>
		</tr>
				<tr>
			<td>star</td>
			<td>false</td>
			<td>
			    非空必输字段是否出现小红星标注。可选值：true | false。缺省：true。
			</td>
		</tr>
				<tr>
			<td>selectOnFocus</td>
			<td>false</td>
			<td>
			    当表单项获得输入焦点时是否自动选中文本。可选值：true | false。缺省：false。
			</td>
		</tr>
				<tr>
			<td>onchang</td>
			<td>false</td>
			<td>
			    表单输入域的值发生变化时触发的响应事件函数名。如：onchang="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeydown</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键响应事件函数名。如：onkeydown="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeyup</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键松开时响应事件函数名。如：onkeyup="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onfocus</td>
			<td>false</td>
			<td>
			    表单输入域获得焦点时响应事件函数名。如：onfocus="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onselect</td>
			<td>false</td>
			<td>
			    下拉选择框ComboBox选中下拉项目时响应事件函数名。如：onselect="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onenterkey</td>
			<td>false</td>
			<td>
			    表单输入域的回车键按下时响应事件函数名。如：onenterkey="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onspecialkey</td>
			<td>false</td>
			<td>
			    表单输入域的特殊键按下时响应事件函数名。如：specialkey="fnTest"。提示：响应什么特殊键的按下事件需要根据按键事件的句柄在JS函数中判断。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>fieldLabel</td>
			<td>false</td>
			<td>
			    表单项标签文本。
			</td>
		</tr>
				<tr>
			<td>name</td>
			<td>false</td>
			<td>
			    表单项名称。name作为表单提交的参数名称。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>true</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="20%。所有列只和必须为100%，也可以指定某一列的width属性,剩下列之和为100%。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="onready">onready</h2>
	<p>Ext OnReady标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>ux</td>
			<td>false</td>
			<td>
			    缺省情况下，扩展组件会根据所引用到的扩展标签自动启用扩展，但也可以通过此属性在没有使用扩展标签的情况下启用扩展组件的资源依赖。 可选值为：statusBar | pagingMemoryProxy | iframe | treePicker | dataView | toggle。多个扩展使用，分割。
			</td>
		</tr>
				<tr>
			<td>elAuth</td>
			<td>false</td>
			<td>
			    是否启用界面组件授权机制。可选：true | false。缺省值：true。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="checkbox">checkbox</h2>
	<p>CheckboxField标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>instance</td>
			<td>false</td>
			<td>
			    是否实例化。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>name</td>
			<td>false</td>
			<td>
			    表单项名称。name作为表单提交的参数名称。
			</td>
		</tr>
				<tr>
			<td>value</td>
			<td>false</td>
			<td>
			    表单项的初始化值。
			</td>
		</tr>
				<tr>
			<td>emptyText</td>
			<td>false</td>
			<td>
			    放置到空表单项中的默认文本(默认为null)。注意: 如果当前表单栏处于有效状态并且被配置了一个名称，那么此值会被 提交到服务器。 为了防止提交可以设置Ext.form.Basic.submit中的submitEmptyText 选项为false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    表单项的在Anchor布局下的所占百分比。
			</td>
		</tr>
				<tr>
			<td>labelWidth</td>
			<td>false</td>
			<td>
			    表单项的标签宽度。
			</td>
		</tr>
				<tr>
			<td>labelSeparator</td>
			<td>false</td>
			<td>
			    表单项标签文本和输入域之间的占位符。缺省为冒号。
			</td>
		</tr>
				<tr>
			<td>labelPad</td>
			<td>false</td>
			<td>
			    标签文本和输入域之间的像素空间的合计大小。数值类型，缺省值：5。
			</td>
		</tr>
				<tr>
			<td>labelAlign</td>
			<td>false</td>
			<td>
			    当前面板直属表单元素标签文本域的对其方式。可选值：top|left|right。缺省值：right。
			</td>
		</tr>
				<tr>
			<td>allowBlank</td>
			<td>false</td>
			<td>
			    是否允许为空。True:允许空值。
			</td>
		</tr>
				<tr>
			<td>tabIndex</td>
			<td>false</td>
			<td>
			    Tab键的索引顺序。
			</td>
		</tr>
				<tr>
			<td>inputType</td>
			<td>false</td>
			<td>
			    输入栏的类型属性。常用到的有密码输入框，可设置为inputType="password"。
			</td>
		</tr>
				<tr>
			<td>readOnly</td>
			<td>false</td>
			<td>
			    是否只读。true:只读。
			</td>
		</tr>
				<tr>
			<td>vtype</td>
			<td>false</td>
			<td>
			    一个校验类型名。可选值：alpha|alphanum|email|url。
			</td>
		</tr>
				<tr>
			<td>vtypeText</td>
			<td>false</td>
			<td>
			    一个自定义的出错消息，用来替代为当前表单项所设置的vtype所提供的默认消息(默认为'')。 提示:只有设置了 vtype 时才应用此项，否则忽略。
			</td>
		</tr>
				<tr>
			<td>regex</td>
			<td>false</td>
			<td>
			    在校验时，需要在表单项值纸上进行测试的JavaScript RegExp对象(默认为 null)。 如果测试失败，表单项将会使用 regexText 或者 invalidText 进行标记。
			</td>
		</tr>
				<tr>
			<td>regexText</td>
			<td>false</td>
			<td>
			    如果使用了regex并且在校验失败时显示的出错文本。
			</td>
		</tr>
				<tr>
			<td>editable</td>
			<td>false</td>
			<td>
			    设置为false阻止直接在表单项的文本框中输入字符；这时表单项只能通过从按钮的方式来设置值。提示：此设置仅针对下拉框、日期选择框等带有按钮操作的表单项有效。
			</td>
		</tr>
				<tr>
			<td>msgTarget</td>
			<td>false</td>
			<td>
			    错误消息文本应该显示的位置。缺省值：under。可选值必须是下列值之一：(1)、qtip 当用户鼠标悬停在该域之上时显示包含了消息的迅速提示。(2)、title 显示消息在默认浏览器title属性弹出。 (3)、under 在域下方添加一块包含了错误消息的div。(4)、side 添加一个错误图标在域的右边，鼠标悬停上面时弹出显示消息。 (5)、[element id] 直接把错误消息添加到一个指定元素的innerHTML。
			</td>
		</tr>
				<tr>
			<td>hideTrigger</td>
			<td>false</td>
			<td>
			    设置为true时隐藏右角trigger按钮(如下拉组件、日期组件等)，只显示为基础的文本框。缺省：false。
			</td>
		</tr>
				<tr>
			<td>star</td>
			<td>false</td>
			<td>
			    非空必输字段是否出现小红星标注。可选值：true | false。缺省：true。
			</td>
		</tr>
				<tr>
			<td>selectOnFocus</td>
			<td>false</td>
			<td>
			    当表单项获得输入焦点时是否自动选中文本。可选值：true | false。缺省：false。
			</td>
		</tr>
				<tr>
			<td>onchang</td>
			<td>false</td>
			<td>
			    表单输入域的值发生变化时触发的响应事件函数名。如：onchang="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeydown</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键响应事件函数名。如：onkeydown="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onkeyup</td>
			<td>false</td>
			<td>
			    表单输入域的键盘按键松开时响应事件函数名。如：onkeyup="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onfocus</td>
			<td>false</td>
			<td>
			    表单输入域获得焦点时响应事件函数名。如：onfocus="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onselect</td>
			<td>false</td>
			<td>
			    下拉选择框ComboBox选中下拉项目时响应事件函数名。如：onselect="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onenterkey</td>
			<td>false</td>
			<td>
			    表单输入域的回车键按下时响应事件函数名。如：onenterkey="fnTest"。
			</td>
		</tr>
				<tr>
			<td>onspecialkey</td>
			<td>false</td>
			<td>
			    表单输入域的特殊键按下时响应事件函数名。如：specialkey="fnTest"。提示：响应什么特殊键的按下事件需要根据按键事件的句柄在JS函数中判断。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>fieldLabel</td>
			<td>false</td>
			<td>
			    表单项标签文本。
			</td>
		</tr>
				<tr>
			<td>boxLabel</td>
			<td>true</td>
			<td>
			    一个可选的文本标签，它显示在选择框的前面或者后面，这取决于 boxLabelAlign的配置。
			</td>
		</tr>
				<tr>
			<td>boxLabelAlign</td>
			<td>false</td>
			<td>
			    展示在选择框旁边的相对位置。可选值：before|after。缺省值：after。
			</td>
		</tr>
				<tr>
			<td>inputValue</td>
			<td>false</td>
			<td>
			    当复选框被选中，form提交时它被作为一个对应的参数值提交。缺省值：on。
			</td>
		</tr>
				<tr>
			<td>checked</td>
			<td>false</td>
			<td>
			    True值时则在选择框在渲染后初始化为选中的状态。缺省值：on。
			</td>
		</tr>
				</tbody>
	</table>
  	
  	<h2 id="gridpanel">gridpanel</h2>
	<p>GridPanel标签</p>
	<table class="table table-bordered table-striped">
		<thead>
		<tr>
			<th width="80">属性</th>
			<th width="80">是否必须</th>
			<th>描述</th>
		</tr>
		</thead>
		<tbody>
				<tr>
			<td>title</td>
			<td>false</td>
			<td>
			    显示在面板头部的文本标题(默认为'')。如有指定了titile那么头部元素header会自动生成和显示，除非header强制设为false。如果你不想在写配置时指定好title， 不过想在后面才加入的话，你必须先指定一个非空的标题（具体说是空白字符''亦可或header：true），这样才保证容器元素生成出来。提示：缺省标题为常规字体，如果想显示为加粗字体，可以在标题文本前加语义表达式!。如:title="!我是粗体标题"。
			</td>
		</tr>
				<tr>
			<td>collapsible</td>
			<td>false</td>
			<td>
			    True表示为面板是可收缩的，并自动渲染一个展开/收缩的轮换按钮在头部工具条。false表示为保持面板为一个静止的尺寸（缺省为false）。
			</td>
		</tr>
				<tr>
			<td>collapsed</td>
			<td>false</td>
			<td>
			    True 表示为渲染面板后即闭合（默认为false）。
			</td>
		</tr>
				<tr>
			<td>titleCollapse</td>
			<td>false</td>
			<td>
			    True表示为允许单击头部区域任何一个位置都可收缩面板（当collapsible = true）反之只允许单击工具按钮（默认为false）。提示：Accordion布局的时候默认为true。
			</td>
		</tr>
				<tr>
			<td>bodyStyle</td>
			<td>false</td>
			<td>
			    应用于该组件的Body元素的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>bodyPadding</td>
			<td>false</td>
			<td>
			    设置容器body区域的内边距。在body元素上设置padding样式的快捷方式。这个值可以是一个数字被应用到所有的边界， 或者是一个正规的CSS字符串用于设定padding。默认为undefined。
			</td>
		</tr>
				<tr>
			<td>headerBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的Header边框(标题所占区域)。防止组件边框重叠。设置方法:headerBorder="0 0 1"代表顺序(top right left)。提示：无bottom边框，数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>bodyBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件的body边框(主体区域)。防止组件边框重叠。设置方法:bodyBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>splitterBorder</td>
			<td>false</td>
			<td>
			    设置面板型组件之间手动滑柄栏的边框。防止组件边框重叠。设置方法:splitterBorder="1 0 1 1"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>closable</td>
			<td>false</td>
			<td>
			    组件显示关闭图标。缺省调用close方法，这将销毁组件中的元素不能再被使用。
			</td>
		</tr>
				<tr>
			<td>closeAction</td>
			<td>false</td>
			<td>
			    当标题头的关闭按钮被单击这个动作将被执行。可选：destroy|hide。默认：hide。
			</td>
		</tr>
				<tr>
			<td>collapseMode</td>
			<td>false</td>
			<td>
			    Border布局下组件折叠收缩模式。header：收缩后显示头部栏位。mini：收缩后不显示头部栏位。
			</td>
		</tr>
				<tr>
			<td>header</td>
			<td>false</td>
			<td>
			    通过设置false来阻止面板型组件的标题头被创建与渲染，默认为true。
			</td>
		</tr>
				<tr>
			<td>autoShow</td>
			<td>false</td>
			<td>
			    True：自动构造和渲染组件到页面主体区域。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>layout</td>
			<td>false</td>
			<td>
			    此容器所使用的布局类型。常规容器缺省布局：auto；表单系列的布局面板使用的缺省布局：column。可选值：accordion|anchor|absolute|border|card|column|fit|form|table|auto|hbox|vbox。
			</td>
		</tr>
				<tr>
			<td>constrain</td>
			<td>false</td>
			<td>
			    设置是否禁止在组件内容溢出时父容器是包容隐藏子组件。缺省值：在window组件和FormPanel组件中为true，其它容器组件为空。
			</td>
		</tr>
				<tr>
			<td>split</td>
			<td>false</td>
			<td>
			    布局辅助项。split:true属性的区域都将得到 一个Splitter并允许手动调整大小。(除中心区域) 缺省：false。
			</td>
		</tr>
				<tr>
			<td>anchor</td>
			<td>false</td>
			<td>
			    此属性在使用anchor布局及其子布局的容器的子组件中配置。 模式1：百分比， 例如:anchor="100% 50%" 表示子组件的宽度为即等于容器的宽度, 高度为容器的1/2。 模式2：偏移量，例如anchor="-50 -100" 表示子组件的宽度为容器的宽度减50px, 高度为容器的高度减100px. 模式3：混合模式，例如anchor="-50 75%"。
			</td>
		</tr>
				<tr>
			<td>x</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器左边距的距离。
			</td>
		</tr>
				<tr>
			<td>y</td>
			<td>false</td>
			<td>
			    此属性在使用absolute布局及其子布局的容器的子组件中配置。表示离容器上边距的距离。
			</td>
		</tr>
				<tr>
			<td>rowspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨行数目。
			</td>
		</tr>
				<tr>
			<td>colspan</td>
			<td>false</td>
			<td>
			    Table布局专用属性。跨列数目。
			</td>
		</tr>
				<tr>
			<td>flex</td>
			<td>false</td>
			<td>
			    vbox|hbox布局专用属性，根据当前子项的flex值与所有其他含flex值子项的值的和 的相对比例进行伸缩('hbox'中横向, 'vbox'中纵向). 任何'flex=0'或'flex=undefined'的子项将不被伸缩(即组件原始尺寸不会被修改)。
			</td>
		</tr>
				<tr>
			<td>onactivate</td>
			<td>false</td>
			<td>
			    组件激活后触发。
			</td>
		</tr>
				<tr>
			<td>onclose</td>
			<td>false</td>
			<td>
			    可关闭组件关闭后触发。
			</td>
		</tr>
				<tr>
			<td>oncollapse</td>
			<td>false</td>
			<td>
			    可折叠组件折叠后触发。
			</td>
		</tr>
				<tr>
			<td>onexpand</td>
			<td>false</td>
			<td>
			    可展开组件展开后触发。
			</td>
		</tr>
				<tr>
			<td>onhide</td>
			<td>false</td>
			<td>
			    组件隐藏后触发。
			</td>
		</tr>
				<tr>
			<td>onrender</td>
			<td>false</td>
			<td>
			    组件被渲染后触发。
			</td>
		</tr>
				<tr>
			<td>onshow</td>
			<td>false</td>
			<td>
			    组件被显示后触发。
			</td>
		</tr>
				<tr>
			<td>region</td>
			<td>false</td>
			<td>
			    组件region属性，可选项。缺省值为''。该属性配合border布局模式使用。
			</td>
		</tr>
				<tr>
			<td>renderTo</td>
			<td>false</td>
			<td>
			    组件渲染的那个节点的id，或是DOM节点，又或者是与DIV相当的现有元素。提示：如果是使用JS脚本，则使用语义表达式输出。如：renderTo="!document.body"。
			</td>
		</tr>
				<tr>
			<td>width</td>
			<td>false</td>
			<td>
			    组件的宽度。有效值：数值|auto。不同组件在不同的布局下其缺省值不一样。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>height</td>
			<td>false</td>
			<td>
			    此组件的高度（单位象素）（缺省为auto）。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>frame</td>
			<td>false</td>
			<td>
			    设置为 'true' 则为组件填充背景画面。默认：false。
			</td>
		</tr>
				<tr>
			<td>border</td>
			<td>false</td>
			<td>
			    True表示为显示出组件body元素的边框，false则隐藏（缺省为true）。默认下，边框是一套2px宽的内边框。也可以对边框分别设置，设置方法:border="1 0 1 3"代表顺序(top right bottom left)。提示：数值为边框size。0即为隐藏边框。
			</td>
		</tr>
				<tr>
			<td>autoScroll</td>
			<td>false</td>
			<td>
			    True表示在组件body元素上当内容溢出时出现滚动条，false表示不出现滚动条,裁剪所有溢出的内容（默认为false）。
			</td>
		</tr>
				<tr>
			<td>margin</td>
			<td>false</td>
			<td>
			    Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top,right, bottom, left) or '10' (top,right, bottom, left).
			</td>
		</tr>
				<tr>
			<td>contentEl</td>
			<td>false</td>
			<td>
			    指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容.此配置选项被用来将一个已存在的HTML元素 插入到一个新组件(在组件渲染之后它简单地移动DOM元素) 的layout元素中, 使它成为该组件的内容。 提示：可以为div添加 x-hidden 或者 x-hide-display 类, 以防在内容渲染到panel时发生闪烁.
			</td>
		</tr>
				<tr>
			<td>html</td>
			<td>false</td>
			<td>
			    一个 HTML 片段, 或者一个 DomHelper 描述, 用作 layout 元素的内容. 这个 HTML 内容在组件渲染之后才被添加, 所以在 render 触发的时候, document 中尚未包含此 HTML. 但是这个内容将会在所有配置的 contentEl 之前被插入到 body 标签中。
			</td>
		</tr>
				<tr>
			<td>iconCls</td>
			<td>false</td>
			<td>
			    为组件设定一个CSS的样式类，用于显示出一个图标。这个样式类可以在myext.css中查找。
			</td>
		</tr>
				<tr>
			<td>icon</td>
			<td>false</td>
			<td>
			    为组件设定一个图标文件，用于显示出一个图标。图标文件可以在/static/icon中查找。
			</td>
		</tr>
				<tr>
			<td>iconVec</td>
			<td>false</td>
			<td>
			    矢量图标。图标名称可在[图标大全]模块中查找。如：iconVec="fa-wifi"。提示：该属性将应用到有title属性或text属性的视图组件上。
			</td>
		</tr>
				<tr>
			<td>iconVecSize</td>
			<td>false</td>
			<td>
			    矢量图标显示大小。缺省为13px。有效值，数值。如：iconVecSize="16"。
			</td>
		</tr>
				<tr>
			<td>iconVecAlign</td>
			<td>false</td>
			<td>
			    矢量图标对齐方式，参考对象为和其一起显示的文本。缺省值：left（左对齐）。有效值：left | right。
			</td>
		</tr>
				<tr>
			<td>style</td>
			<td>false</td>
			<td>
			    应用于该组件的自定义样式字符串，应该是Ext.Element.applyStyles的一个有效参数。.如：style="color:'#FFFFFF',backgroundColor:'#000000'"。
			</td>
		</tr>
				<tr>
			<td>padding</td>
			<td>false</td>
			<td>
			    Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left). 如：padding="10 5 3 10"或padding="10"。
			</td>
		</tr>
				<tr>
			<td>disabled</td>
			<td>false</td>
			<td>
			    渲染该组件为禁用状态（默认为false）。
			</td>
		</tr>
				<tr>
			<td>tooltip</td>
			<td>false</td>
			<td>
			    组件提示信息文本。
			</td>
		</tr>
				<tr>
			<td>columnWidth</td>
			<td>false</td>
			<td>
			    此属性在使用column布局及其子布局的容器的子组件中配置。例如：columnWidth="0.2。所有列只和必须为1，也可以指定某一列的width属性,剩下列之和为1。列宽累加大于等于1则换行。如果是在FormPanel里使用的话可以通过使用formrow标签也可以强制换行。
			</td>
		</tr>
				<tr>
			<td>center</td>
			<td>false</td>
			<td>
			    是否将当前组件设置到其父容器的中间位置。true：中间显示。缺省：false。
			</td>
		</tr>
				<tr>
			<td>animate</td>
			<td>false</td>
			<td>
			    是否动画效果。缺省：true。提示：这只是一个简易配置，动画参数可以通过animate()指定。
			</td>
		</tr>
				<tr>
			<td>maxWidth</td>
			<td>false</td>
			<td>
			    设置组件最大宽度。提示：如果为负数，则表示在document的宽度上减去所设置的负数。如：-20表示，document.body.clientWidth - 20。
			</td>
		</tr>
				<tr>
			<td>minWidth</td>
			<td>false</td>
			<td>
			    设置组件最小宽度。
			</td>
		</tr>
				<tr>
			<td>maxHeight</td>
			<td>false</td>
			<td>
			    设置组件最大高度。提示：如果为负数，则表示在document的高度度上减去所设置的负数。如：-20表示，document.body.clientHeight - 20。
			</td>
		</tr>
				<tr>
			<td>minHeight</td>
			<td>false</td>
			<td>
			    设置组件最小高度。
			</td>
		</tr>
				<tr>
			<td>resizable</td>
			<td>false</td>
			<td>
			    设置是否可以改变组件大小。可选值：true | false。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>xtype</td>
			<td>false</td>
			<td>
			    Ext组件类型。
			</td>
		</tr>
				<tr>
			<td>id</td>
			<td>false</td>
			<td>
			    唯一的组件id（默认为自动分配的id）。用id来获取组件引用这一目的，如：Ext.getCmp(id)。标签也会直接根据id生成一个对实例化组件的引用，在JS中可以直接使用此ID来引用该组件。
			</td>
		</tr>
				<tr>
			<td>any</td>
			<td>false</td>
			<td>
			    可以在这里写任意的属性配置。提示：多个配置属性请使用,分隔。如：any="id:'app169',disabled:true"。
			</td>
		</tr>
				<tr>
			<td>url</td>
			<td>false</td>
			<td>
			    请求表格数据的url。如：url="listCards.html"。
			</td>
		</tr>
				<tr>
			<td>pageSize</td>
			<td>false</td>
			<td>
			    表格分页行数大小。缺省值：50。如果hidePagebar="true" 则缺省值为：Integer.MAX_VALUE。
			</td>
		</tr>
				<tr>
			<td>forceFit</td>
			<td>false</td>
			<td>
			    设置为true，则强制将各列填满表格的body区域，不致于在body区域末尾有空白，如果列宽之和已溢出body，则自动压缩列宽避免出现滚动条。缺省值：true。提示：如果各列宽度之和小于等于容器宽度则设置为true合适，让布局自动调整列宽，避免出现滚动条；如果大于等于容器宽度(比如列数较多的情况)，则应该设置为fasle，让容器出现横线滚动条。否则各列将被自动压缩得很窄。特别提示：如果某一列有flex属性，则forceFit失效，只要列宽之和溢出父容器，则将出现横向滚动条。
			</td>
		</tr>
				<tr>
			<td>hidePagebar</td>
			<td>false</td>
			<td>
			    设置为true，则隐藏分页工具栏。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>pagebardock</td>
			<td>false</td>
			<td>
			    分页工具栏的停靠位置。有效值：top | bottom。缺省值：bottom。
			</td>
		</tr>
				<tr>
			<td>pageType</td>
			<td>false</td>
			<td>
			    分页模式，可以设置为服务器分页或前台客户端分页。有效值：client | server。缺省值：server。
			</td>
		</tr>
				<tr>
			<td>autoLoad</td>
			<td>false</td>
			<td>
			    设置为true，则表格初始化后自动提交查询请求。缺省值：false。该属性只针对服务器分页时有效。
			</td>
		</tr>
				<tr>
			<td>stripeRows</td>
			<td>false</td>
			<td>
			    设置为true，则表格显示隔行斑马纹。缺省值：true。
			</td>
		</tr>
				<tr>
			<td>disableSelection</td>
			<td>false</td>
			<td>
			    设置为true，则禁止选中表格行，表格行只随鼠标焦点高亮显示而无法通过单击鼠标选中行。缺省值：false。
			</td>
		</tr>
				<tr>
			<td>columnLines</td>
			<td>false</td>
			<td>
			    是否显示列纵向分割线。缺省：false。
			</td>
		</tr>
				<tr>
			<td>rowLines</td>
			<td>false</td>
			<td>
			    是否显示行横向分割线。缺省：true。
			</td>
		</tr>
				<tr>
			<td>enableLocking</td>
			<td>false</td>
			<td>
			    是否启用表格列的锁定功能。缺省：false。提示：如果某一列被设置为locked="true"，则表格列锁定功能被自动启用。
			</td>
		</tr>
				<tr>
			<td>onitemclick</td>
			<td>false</td>
			<td>
			    响应行单击事件的函数。
			</td>
		</tr>
				<tr>
			<td>onselectionchange</td>
			<td>false</td>
			<td>
			    响应所选节点发生变化时触发的事件函数。
			</td>
		</tr>
				<tr>
			<td>onitemdblclick</td>
			<td>false</td>
			<td>
			    响应行双击事件的函数名。
			</td>
		</tr>
				<tr>
			<td>onload</td>
			<td>false</td>
			<td>
			    监听表格Store对象的load()事件。如：onload="_g_grid_onload"。函数可定义为function _g_grid_onload(myself, records, successful, eOpts){};
			</td>
		</tr>
				<tr>
			<td>idProperty</td>
			<td>false</td>
			<td>
			    标记表格行的主键字段名称。设置此属性目的是在js中使用*_store.getById(id)方法获取record对象。缺省：空。
			</td>
		</tr>
				</tbody>
	</table>
  	



      </section>
  
    </div>
  </div>
</div>
      <footer class="footer">
        <div class="container">
          <p class="pull-right">
            <a href="#">Back to top</a>
          </p>
      </div>
    </footer>
    <script>
      $(function() {
        
        $(".content").find('h1, h2, h3, h4, h5, h6').each(function () {
          var node = $(this);
          node.css("paddingTop", 40);
        });
      });
    </script>
  
  </body>
</html>